Overflow

overflow Breakpoints

可設定容器針對內容溢出部分做設定。使用類別名稱為 .u-overflow{@bp}:。可針對不同斷點範圍選擇不同值。

以下每個範例的尺寸皆為 240px X 140px。

Auto
.u-overflow:a
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, dolor dolorum repellendus sit ut veritatis voluptatem. Accusantium architecto dolorum, exercitationem facilis, in ipsum minus nam natus, odio quam reprehenderit vel.
Hidden
.u-overflow:h
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, dolor dolorum repellendus sit ut veritatis voluptatem. Accusantium architecto dolorum, exercitationem facilis, in ipsum minus nam natus, odio quam reprehenderit vel.
Scroll
.u-overflow:s
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, dolor dolorum repellendus sit ut veritatis voluptatem. Accusantium architecto dolorum, exercitationem facilis, in ipsum minus nam natus, odio quam reprehenderit vel.
Visible
.u-overflow:v
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, dolor dolorum repellendus sit ut veritatis voluptatem. Accusantium architecto dolorum, exercitationem facilis, in ipsum minus nam natus, odio quam reprehenderit vel.

Overflow X

overflow-x Breakpoints

Overflow 的水平設定,使用類別為 .overflow-x{@bp}:


Overflow Y

overflow-y Breakpoints

Overflow 的垂直設定,使用類別為 .overflow-y{@bp}: