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

ກໍານົດ visibilityອົງປະກອບທີ່ມີອຸປະກອນການເບິ່ງເຫັນຂອງພວກເຮົາ. ຫ້ອງຮຽນຜົນປະໂຫຍດເຫຼົ່ານີ້ບໍ່ໄດ້ດັດແປງ displayມູນຄ່າທັງຫມົດແລະບໍ່ມີຜົນຕໍ່ການຈັດວາງ - .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,
      )
    )