Code Thuộc tính word-wrap trong CSS

Code Thuộc tính word-wrap trong CSS

Code Thuộc tính word-wrap trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính word-wrap trong CSS</title>
<style>
#divtong{width:300px;float:left;height:auto}
.divwwrap{width:100%;float:left;height:auto;padding:10px;margin-bottom:10px;background:#ddd;}
</style>
</head>
<body>

<h1>Code Thuộc tính word-wrap trong CSS</h1>

<p>Dùng để ngắt dòng các từ quá dài bị tràn ra ngoài phần tử cha hoặc ngoài màn hình, giúp người dùng đọc được hết được nội dung, vì những chữ bị tràn ra ngoài sẽ khó đọc được, ngoài ra thuộc tính overflow-wrap được nâng cấp từ word-wrap và nên sử dụng:</p>

<div id="divtong">

<div class="divwwrap" style="word-wrap: normal">
<h3>word-wrap: normal</h3>
Xin chàoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
</div>

<div class="divwwrap" style="word-wrap: break-word">
<h3>word-wrap: break-word</h3>
Xin chàoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
</div>

<div class="divwwrap" style="word-wrap: initial">
<h3>word-wrap: initial</h3>
Xin chàoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
</div>

<div class="divwwrap" style="word-wrap: inherit">
<h3>word-wrap: inherit</h3>
Xin chàoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
</div>

</div>
</body>
</html>
Code Thuộc tính word-wrap trong CSS nằm trong bài viết Thuộc tính word-wrap trong CSS