Tìm kiếm
0398.259.259
Liên hệ
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Kiến thức PHP
Kiến thức MySQL
Kiến thức JavaScript
Tên miền
Hosting
Thiết kế website
Giới thiệu
Trang chủ
Trang chủ
Giới thiệu
Thiết kế website
Hosting
Tên miền
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Kiến thức PHP
Kiến thức MySQL
Kiến thức JavaScript
Liên hệ
0398.259.259
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>
<!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
0398.259.259
Messenger
Chỉ Đường
Gọi điện
