Trang chủ
CSS
Hiệu ứng văn bản CSS
Thử: Sử dụng thuộc tính tràn văn bản
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <style> p.test1 { khoảng trắng: nowrap; chiều rộng: 200px; đường viền: 1px liền khối #000000; tràn: ẩn; tràn văn bản: clip; } p.test2 { khoảng trắng: nowrap; chiều rộng: 200px; đường viền: 1px liền khối #000000; tràn: ẩn; tràn văn bản: dấu chấm lửng; } </style> </head> <body> <h1>Thuộc tính tràn văn bản</h1> <p>Hai đoạn văn sau chứa một đoạn văn bản dài sẽ không vừa với hộp.</p> <h2> text-overflow: clip:</h2> <p class="test1">Đây là một số văn bản dài sẽ không vừa với hộp</p> <h2>text-overflow: Ellipsis:</h2> <p class ="test2">Đây là một số văn bản dài sẽ không vừa với hộp</p> </body> </html>