Thuộc tính word-break
Định nghĩa và sử dụng Thuộc tính word-break sẽ làm cho những chữ trong một từ không còn là một thể thống nhất, nghĩa là có thể xuống hàng bất cứ vị trí nào trong từ. Cấu trúc tag { word-break: giá trị; } Thuộc tính: Thuộc tính giá trị Mô tả word-break break-all khi […]
Định nghĩa và sử dụng
Thuộc tính word-break sẽ làm cho những chữ trong một từ không còn là một thể thống nhất, nghĩa là có thể xuống hàng bất cứ vị trí nào trong từ.
Cấu trúc
tag {
word-break: giá trị;
}
Thuộc tính:
| Thuộc tính | giá trị | Mô tả |
|---|---|---|
| word-break | break-all | khi hết đoạn thì một từ sẽ tự động ngắt ở bất kỳ chữ nào để xuống hàng. |
| hyphenate | Một từ sẽ được xuống hàng tại một vị trí gạch nối thích hợp. | |
| normal | Trả về dạng mặc định ban đầu cho một từ. |
Ví dụ
Html viết:
<html> <head></head> <body> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p> </body> </html>
CSS viết:
p {
border: 1px solid #cc0000;
width: 100px;
}
Hiển thị trình duyệt:
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.
CSS viết:
p {
border: 1px solid #cc0000;
width: 100px;
word-break: break-all;
}
Hiển thị trình duyệt:
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.
Trình duyệt hỗ trợ
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ợ:
| Trình duyệt PC | Smartphone – Tablets | |
| word-break | Internet Explorer 7 | IOS 3.2 |
| Firefox 15 | Android 2.1 | |
| Opera 12.1 | Window Phone 7.5 | |
| Google Chrome 8 | ||
| Safari 3 |
