2012-10-12 39 views
13

Tôi cần có một hộp (div) với một số văn bản trên nhiều dòng và hộp này cần phải có chiều rộng cố định và chiều cao tối đa cố định.Bọc văn bản có chiều cao tối đa cố định

Tôi đang sử dụng overflow: hidden; Bây giờ vấn đề của tôi là nếu dòng cuối cùng không phù hợp với chiều cao tối đa div, nó sẽ bị cắt (chỉ cắt một nửa dòng). Những gì tôi muốn làm trong trường hợp này là không hiển thị dòng cuối cùng, và hiển thị dấu ba chấm trong dòng cuối cùng

Vấn đề của tôi không chèn dấu chấm lửng trong một dòng văn bản (sử dụng thuộc tính white-space: nowrap), vấn đề chính là văn bản được cutted trong dòng cuối cùng, lược không phải là một vấn đề bởi vì trong trường hợp cuối cùng tôi có thể sử dụng jQuery để chèn nó

+0

Hãy thử liên kết này: http: //stackoverflow.com/questions/3067696/how-to-show-ellipses-to-the-overflew-text-for-html-elements-in-firefox – dreamerkumar

Trả lời

6

Thêm

text-overflow: ellipsis; 

đến Div

EDIT: ok, không thể cho bây giờ, không phải trong một tiêu chuẩn cách dized.

NHƯNG, nó có thể đạt được điều đó với các tính năng webkit thực nghiệm (xem this topic), hoặc để làm điều đó với JS qua the solution được viết bởi anh chàng này, và được lưu trữ trên github.

+1

Tôi nghĩ rằng các liên kết đó sẽ giải quyết vấn đề của tôi, Cảm ơn. Tôi sẽ cố gắng đưa ra phản hồi – Zeux

Các vấn đề liên quan