ล้น

ใช้ยูทิลิตี้ชวเลขเหล่านี้เพื่อกำหนดค่าอย่างรวดเร็วว่าเนื้อหาล้นองค์ประกอบอย่างไร

ปรับ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.

ซาส

ยูทิลิตี้ API

ยูทิลิตี้โอเวอร์โฟลว์ได้รับการประกาศในยูทิลิตี้ API ของเราในscss/_utilities.scss. เรียนรู้วิธีใช้ยูทิลิตี้ API

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