Các tài sản CSS3 word-wrap cho phép từ lâu để có thể bị phá vỡ và quấn vào dòng tiếp theo.
Nếu một từ quá dài để phù hợp trong một khu vực, nó mở rộng bên ngoài. Dưới đây đoạn code cho CSS3 Word Wrapping:
<!DOCTYPE html>
<html>
<head>
<style>
p.test {
width: 11em;
border: 1px solid #000000;
word-wrap: break-word;
}
</style>
</head>
<body>
<p class="test"> This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>
</body>
</html>
Sau khi code thành quả là đây :
Nếu một từ quá dài để phù hợp trong một khu vực, nó mở rộng bên ngoài. Dưới đây đoạn code cho CSS3 Word Wrapping:
<!DOCTYPE html>
<html>
<head>
<style>
p.test {
width: 11em;
border: 1px solid #000000;
word-wrap: break-word;
}
</style>
</head>
<body>
<p class="test"> This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>
</body>
</html>
Sau khi code thành quả là đây :
Phần tiếp theo trong CSS3 text: http://thietkewebchuyennghiepvl.blogspot.com/2015/09/css3-text-tinh-nang-van-ban-moi.html
Không có nhận xét nào:
Đăng nhận xét