ລົ້ນ

ໃຊ້ປະໂຫຍດ shorthand ເຫຼົ່ານີ້ເພື່ອກໍານົດຢ່າງໄວວາວິທີການເນື້ອຫາ overflows ອົງປະກອບ.

ປັບ overflowຄຸນສົມບັດໃນທັນທີດ້ວຍສີ່ຄ່າເລີ່ມຕົ້ນ ແລະຊັ້ນຮຽນ. ຫ້ອງຮຽນເຫຼົ່ານີ້ບໍ່ຕອບສະໜອງຕາມຄ່າເລີ່ມຕົ້ນ.

ນີ້ແມ່ນຕົວຢ່າງຂອງການໃຊ້ .overflow-autoອົງປະກອບທີ່ມີຂະຫນາດຄວາມກວ້າງແລະຄວາມສູງທີ່ກໍານົດໄວ້. ໂດຍການອອກແບບ, ເນື້ອຫານີ້ຈະເລື່ອນຕາມແນວຕັ້ງ.

ນີ້ແມ່ນຕົວຢ່າງຂອງການໃຊ້ .overflow-hiddenອົງປະກອບທີ່ມີຂະຫນາດຄວາມກວ້າງແລະຄວາມສູງທີ່ກໍານົດໄວ້.

ນີ້ແມ່ນຕົວຢ່າງຂອງການໃຊ້ .overflow-visibleອົງປະກອບທີ່ມີຂະຫນາດຄວາມກວ້າງແລະຄວາມສູງທີ່ກໍານົດໄວ້.

ນີ້ແມ່ນຕົວຢ່າງຂອງການໃຊ້ .overflow-scrollອົງປະກອບທີ່ມີຂະຫນາດຄວາມກວ້າງແລະຄວາມສູງທີ່ກໍານົດໄວ້.

<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

ການນໍາໃຊ້ຕົວແປ Sass, ທ່ານອາດຈະປັບຄ່າອຸປະກອນການລົ້ນໂດຍການປ່ຽນ $overflowsແປງໃນ _variables.scss.

ຊາສ

Utilities API

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

    "overflow": (
      property: overflow,
      values: auto hidden visible scroll,
    ),