Thuộc tính word-wrap trong CSS3

Thuộc tính word-wrap sẽ làm cho những từ dài xuống hàng mà không làm vỡ layout.

tag {
    word-wrap: giá trị;
}

word-wrap có các giá trị như sau:

Thuộc tính	giá trị	Ví dụ	Mô tả
word-wrap	break-word	word-wrap: break-word;	Những từ quá dài sẽ xuống hàng.
word-wrap	normal	word-wrap: normal;	Trả về dạng mặc định ban đầu cho word-wrap.

<html>
<head></head>
<body>
<p>HỌC TVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV CHUẨN</p>
</body>
</html>

p {
    border: 1px solid #cc0000;
    width: 150px;
}

p {
    border: 1px solid #cc0000;
    width: 150px;
    word-wrap: break-word;
}

Kết quả :

HỌC TVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV CHUẨN

Yêu cầu phiên bản trình duyệt và hệ điều hành tối thiểu được hỗ trợ cho thuộc tính word-wrap:

Bình luận