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

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

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

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính overflow-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 overflow-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, overflow-wrap nằm trong CSS3 và được nâng từ word-wrap:</p>

<div id="divtong">

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

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

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

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

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

</div>

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