Tôi khá chắc chắn rằng những gì bạn đang cố gắng làm là không thể trong một giải pháp CSS tinh khiết. Tuy nhiên có một cách để hack cùng một kết quả tương tự. Dưới đây là những gì tôi đã làm:
http://cce.usyd.edu.au/courses/Business+%26+Management/Business+Communication
Xem phai trên khối văn bản giới thiệu mỗi khóa học? Điều đó đã được thực hiện bằng cách hạn chế tràn hàng đầu theo cách thông thường và sau đó đặt một div khác trên đỉnh của dòng cuối cùng và thực hiện mờ dần trong CSS. Thay vì mờ dần, bạn cũng có thể chèn dấu chấm lửng hoặc một số đầu mối trực quan khác.
Vì vậy, không giải quyết chính xác theo cách bạn muốn, nhưng đạt được kết quả giao diện người dùng tương tự để đảm bảo người dùng biết rằng nội dung bị cắt bớt. Cá nhân tôi nghĩ rằng nó khá đẹp :-)
Nguồn
2012-03-05 00:46:29
Điều gây ra sự cố của tôi không phải là thiết lập tràn để ẩn, đó là khoảng trống: nowrap có vẻ là cần thiết để làm tràn văn bản hoạt động. Tôi cần dấu ba chấm xuất hiện sau dòng thứ hai của văn bản, mà tôi không thể tìm ra cách để làm. –
Vui lòng chọn câu trả lời, đăng giải pháp bạn đã đến hoặc cho biết rằng câu trả lời đã cho không được chấp nhận cho trường hợp của bạn. Cảm ơn! – kroehre