CSS - Chiều rộng và hình elip tối đa

Question

Tôi có một khoảng thời gian sẽ chứa văn bản. Tôi muốn khoảng mở rộng tối đa 500px để chứa văn bản bên trong. Sau khi đạt đến mức tối đa, tôi muốn văn bản hiển thị hình elip cho bất kỳ văn bản nào tràn chiều rộng tối đa. Điều này có thể không? Tôi đã thử những điều sau đây, nhưng điều này đã không làm các trick.

Cảm ơn

{ 
    position: absolute; 
    top: 13px; 
    left: 44px; 
    max-width: 500px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
} 

Answer 1

javascript này sẽ cắt xén văn bản của bạn và thêm một dấu chấm lửng. (Không vi phạm từ hoặc đánh dấu)

Barelyfitz Truncate js.

Không chắc chắn về khả năng tương thích với trình duyệt của i, nhưng nó sẽ hoạt động :)

Hy vọng điều đó sẽ hữu ích.

Answer 2

Các nhịp được hiển thị: nội dòng theo mặc định, có thể gây ra hành vi kỳ lạ khi kích thước được gán cho nó. Tuy nhiên, nếu nó được định vị hoàn toàn, bạn nên sử dụng div hoặc đặt khoảng thời gian để hiển thị: chặn thay thế.

Tôi không chắc liệu điều này có khắc phục được sự cố của bạn hay không, nhưng đó là sự khởi đầu :)