Cắt văn bản trong div nếu nó vượt quá chiều rộng đã đặt?

Question

Trên một trang web tôi đang làm việc trên người dùng có thể thêm tiêu đề cho một bộ phận của một ví dụ đơn giản page.A:

M11-001 - loss of container and goods from Manchester 

Với một số tiêu đề nội dung có thể được khá sâu. Trong thực tế, đối với nhóm ít nhất, nội dung này không phải lúc nào cũng cần thiết. Một vài từ đầu tiên sẽ đủ để phân biệt giữa các bản ghi.

Tôi chỉ có thể đặt tràn: ẩn thành div và cắt tàn nhẫn bất kỳ thứ gì ngoài độ rộng đã đặt.

Tôi muốn thêm ... Để kết thúc. Giống như vậy:

M11-001 - loss of container... 

Vì vậy, ba điểm dừng đầy đủ sẽ được thêm sau độ rộng X hoặc ký tự X.

Điều này có thể với CSS hoặc JavaScript không?

Answer 1

Một cái gì đó như thế này? http://www.quirksmode.org/css/textoverflow.html

chuyển văn bản thành Overflow

Việc kê khai text-overflow phép bạn để đối phó với các văn bản cắt bớt: đó là, văn bản không phù hợp với hộp của nó. Giá trị dấu ba chấm khiến ba khoảng thời gian được thêm vào văn bản.