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

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

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

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính text-overflow trong CSS</title>
<style>
.divmuc{width:250px; height:auto; white-space: nowrap; overflow: hidden; margin-bottom:15px}
</style>
</head>
<body>

<h1>Code Thuộc tính text-overflow trong CSS</h1>

<p>Dùng để quy định dấu ba chấm phía sau một văn bản trong phần tử HTML sau khi cắt bỏ phần thừa để phù hợp với giao diện, ở đây mình đang cố định chiều rộng width:250px:</p>

<div class="divmuc" style="text-overflow: ellipsis;" >text-overflow: ellipsis; Giới hạn 1 hàng và khi tới giới hạn chiều rộng sẽ hiện dấu ba chấm</div>

<div class="divmuc" style="text-overflow: clip;" >text-overflow: clip; Giới hạn 1 hàng và khi tới giới hạn chiều rộng sẽ ẩn chữ bị tràn ra</div>

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