Có một từ bọc hoặc bất kỳ thuộc tính nào khác dừng văn bản khỏi gói không? Tôi có chiều cao và overflow:hidden và văn bản vẫn bị ngắt.CSS: làm cách nào để ngăn văn bản chiếm nhiều hơn 1 dòng?
Cần làm việc trong tất cả các trình duyệt, trước CSS3.
div {
white-space: nowrap;
overflow: hidden;
}<div>test that doesn't wrap</div>Lưu ý: này chỉ hoạt động trên các yếu tố khối. Nếu bạn cần làm điều này với các ô trong bảng (ví dụ), bạn cần đặt một div bên trong ô bảng vì các ô bảng có hiển thị ô bảng không bị chặn.
Kể từ CSS3, điều này cũng được hỗ trợ cho các ô bảng.
Đôi khi sử dụng thay vì khoảng trắng sẽ hoạt động. Rõ ràng nó có nhược điểm, mặc dù.
Thật không may, tôi không thể làm điều đó trong trường hợp này –
Bạn có thể sử dụng CSS white-space Property để đạt được điều này.
white-space: nowrap
Sử dụng dấu ba chấm sẽ thêm ... ở cuối cùng.
<style type="text/css">
div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
không gian trắng! Đó là những gì tôi đã tìm kiếm ... 1.000 cảm ơn ... điều này là không thể để google cho! –
Ngoài ra còn có một thuộc tính tức là độc quyền được gọi là word-wrap (IIRC) ... IE ngu ngốc. – garrow
Cũng xem xét "tràn văn bản: dấu chấm lửng;" Nó cho biết thêm ... ở cuối văn bản của bạn nếu nó đi ra ngoài giới hạn của chiều rộng của container của bạn –