CSS3: word-wrap


Khóa học qua video:
Lập trình Python All Lập trình C# All SQL Server All Lập trình C All Java PHP HTML5-CSS3-JavaScript
Đăng ký Hội viên
Tất cả các video dành cho hội viên

Thuộc tính word-wrap dùng để xác định xem trình duyệt có thể hay không việc ngắt dòng đối với một từ có kích thước dài hơn độ rộng của thẻ chứa nó.

Cú phápEDIT

/* Các giá trị cơ bản */
word-wrap: normal;
word-wrap: break-word;

/* Các giá trị tổng quan */
word-wrap: inherit;
word-wrap: initial;
word-wrap: unset;

Ý nghĩa các giá trị

normal

Chỉ ra rằng dòng chỉ có thể được ngắt tại điểm ngắt dòng thông thường.

break-word

Chỉ ra rằng có thể ngắt dòng tại những vị trí mà không thể ngắt bằng cách thông thường.

Ví dụ

EDIT

<p style="width:13em; background:gold;">
V1StudyV1StudyV1StudyV1StudyV1StudyV1Study
</p>

, thì kết quả là:

word-wrap-non-break-word

<p style="width:13em; background:gold; word-wrap:break-word;">
V1StudyV1StudyV1StudyV1StudyV1StudyV1Study
</p>

, thì kết quả là:

word-wrap-break-word

» Tiếp: border-collapse
« Trước: columns
Khóa học qua video:
Lập trình Python All Lập trình C# All SQL Server All Lập trình C All Java PHP HTML5-CSS3-JavaScript
Đăng ký Hội viên
Tất cả các video dành cho hội viên
Copied !!!