clear -

Các tiện ích để kiểm soát việc bao bọc nội dung xung quanh một phần tử.

Class Styles

clear-left

clear: left;

clear-right

clear: right;

clear-both

clear: both;

clear-start

clear: inline-start;

clear-end

clear: inline-end;

clear-none

clear: none;

Ví dụ

Sử dụng tiện ích clear-left để đặt một phần tử bên dưới các phần tử float bên trái trước đó:

Sử dụng tiện ích clear-right để đặt một phần tử bên dưới các phần tử float bên phải trước đó:

Sử dụng tiện ích clear-both để đặt một phần tử bên dưới tất cả các phần tử float trước đó:

Sử dụng các tiện ích clear-start và clear-end, sử dụng logical properties để ánh xạ sang bên trái hoặc bên phải dựa trên hướng văn bản:

Sử dụng tiện ích clear-none để reset bất kỳ clear nào được áp dụng cho một phần tử:

Prefix a clear utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:

<p class="clear-left md:clear-none ...">  Lorem ipsum dolor sit amet...</p>

Learn more about using variants in the variants documentation.