Tôi đang tạo lịch. Tôi có một cái bàn mà mỗi <td>
là một ngày. Tôi muốn hiển thị danh sách các sự kiện cho ngày đó trong ô. Tôi muốn mỗi sự kiện xuất hiện dưới dạng hai dòng văn bản, nếu văn bản dài hơn không gian ngang thì văn bản sẽ bị ẩn.white-space: nowrap and overflow: ẩn trong ô bảng
Tôi có bảng có chiều rộng thay đổi (được đặt thành width: 100%;
của phụ huynh ở nơi khác trong CSS của tôi).
Dưới đây là jsFiddle tôi: http://jsfiddle.net/fZGyz/1/
Vấn đề bạn có thể thấy là mặc dù width: 100%;
và overflow: hidden;
được thiết lập một cách rõ ràng, nội dung của .eventSummary
và .eventLocation
đang buộc bảng để mở rộng, mà không phải là những gì tôi muốn.
Đây có phải là một trong những vấn đề "hiện tại không thể" trong CSS không?
UPDATE:
tôi có thể hack nó với và thiết overflow: hidden;
trên <td>
... nó sẽ làm cho bây giờ (như không có lược, và bất kỳ border-right trên <li>
sẽ được ẩn, vì vậy