Ví dụ về thuộc tính word-break

Thuộc tính word-break với giá trị 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.

<html>
<head></head>
<body>
<p>Học web chuẩn sẽ giúp bạn định hình lại những gì đã học.</p>
</body>
</html>

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

Học web chuẩn sẽ giúp bạn định hình lại những gì đã học.

p {
    border: 1px solid #cc0000;
    width: 90px;
    word-break: break-all;
}

Học web chuẩn sẽ giúp bạn định hình lại những gì đã học

Thuộc tính word-break với giá trị hyphenate: Một từ sẽ được xuống hàng tại một vị trí gạch nối thích hợp.

<html>
<head></head>
<body>
<p>Học web chuẩn sẽ giúp bạn định-hình-lại những gì đã học.</p>
</body>
</html>

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

Học web chuẩn sẽ giúp bạn định-hình-lại những gì đã học.

p {
    border: 1px solid #cc0000;
    width: 90px;
    word-break: hyphenate;
}

Học web chuẩn sẽ giúp bạn định-hình-lại những gì đã học