ຂ້າມໄປຫາເນື້ອຫາຕົ້ນຕໍ ຂ້າມໄປຫາການນຳທາງເອກະສານ
Check
in English

ການເບິ່ງເຫັນ

ຄວບຄຸມການເບິ່ງເຫັນຂອງອົງປະກອບ, ໂດຍບໍ່ມີການດັດແປງການສະແດງຂອງເຂົາເຈົ້າ, ດ້ວຍອຸປະກອນການເບິ່ງເຫັນ.

ກໍານົດ visibilityອົງປະກອບທີ່ມີອຸປະກອນການເບິ່ງເຫັນຂອງພວກເຮົາ. ຫ້ອງຮຽນຜົນປະໂຫຍດເຫຼົ່ານີ້ບໍ່ໄດ້ດັດແປງ displayມູນຄ່າທັງຫມົດແລະບໍ່ມີຜົນຕໍ່ການຈັດວາງ - .invisibleອົງປະກອບຍັງໃຊ້ພື້ນທີ່ຢູ່ໃນຫນ້າ.

ອົງປະກອບທີ່ມີ .invisibleຊັ້ນຮຽນຈະຖືກເຊື່ອງໄວ້ ທັງ ທາງສາຍຕາແລະສໍາລັບຜູ້ໃຊ້ເຕັກໂນໂລຢີຊ່ວຍເຫຼືອ / ຕົວອ່ານຫນ້າຈໍ.

ສະຫມັກ .visibleຫຼື .invisibleຕາມຄວາມຕ້ອງການ.

<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

ຊາສ

Utilities API

ຜົນປະໂຫຍດການເບິ່ງເຫັນໄດ້ຖືກປະກາດຢູ່ໃນ API ຜົນປະໂຫຍດຂອງພວກເຮົາໃນ scss/_utilities.scss. ຮຽນຮູ້ວິທີການນໍາໃຊ້ API ຜົນປະໂຫຍດ.

    "visibility": (
      property: visibility,
      class: null,
      values: (
        visible: visible,
        invisible: hidden,
      )
    )