Breaking

Monday, May 6, 2013

CSS word-break

word-break 3

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ừ.

Thuộc tính giá trị Ví dụ Mô tả
word-break normal word-break: normal; Trả về dạng mặc định ban đầu cho một từ.
break-all 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 word-break: hyphenate; Một từ sẽ được xuống hàng tại một vị trí gạch nối thích hợp.

Xem ví dụ

<style>
p.test1
{
max-width:500px;
border:1px solid #000000;
word-break:hyphenate;
}

p.test2
{
max-width:500px;;
border:1px solid #000000;
word-break:break-all;
}
</style>

<h3>word-break: hyphenate;</h3> <p class="test1"> ... </p>
<h3>word-break: break-all;</h3> <p class="test2"> ... </p>

word-break: hyphenate;

word-break: break-all;

Sự tương thích ( Cập nhật / Báo lỗi )

Firefox Opera Google Chrome Safari IOS Android Window phone
* * * * * * * *

No comments:

Post a Comment