Tôi muốn hiển thị văn bản trong bảng và tôi muốn cắt văn bản khi nó rộng hơn 150px, nhưng tôi không muốn chiều rộng cố định của ô bảng (nếu không có văn bản, chiều rộng sẽ là 0px). Mọi thứ đều hoạt động trong IE9, Firefox, Chrome, Opera nhưng không hoạt động trong IE8.Lỗi IE 8: ẩn và chiều rộng tối đa
dụ Mã trong IE8:
Mã ví dụ trong Chrome:
Dưới đây là các mã:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
td, span {
border: 1px solid red;
max-width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
span {
border: 1px solid green;
display: block;
}
</style>
</head>
<body>
<table>
<tr>
<td><span>Works in Firefox, Chrome, Opera, IE 7/9 (but not in IE 8)</span></td>
<td>Works in Firefox, Chrome (and Opera but no dots)</td>
<td style="display: block">Works in Firefox, Chrome and Opera (with dots)</td>
</tr>
</table>
</body>
</html>
Có thể làm như vậy mà không cần bất kỳ javascript hoặc cài đặt cố định chiều rộng?
Thẳng thắn mà nói, nếu tôi là u tôi sẽ chỉ gửi một cảnh báo javascript khi ai đó mở trang ur với IE8. Đừng bận tâm làm cho trang của bạn tương thích với các trình duyệt IE bị lỗi, đó là lỗi của Microsoft không phải của bạn. – ApprenticeHacker
Về ô đầu tiên, nó dường như không hoạt động trong IE7. Tôi sợ nó chỉ hoạt động trong IE9. –
@IntermediateHacker Theo đặc tả CSS 2.1 ảnh hưởng của độ rộng tối đa trên ô bảng là không xác định. Thông số kỹ thuật có lỗi, không phải của Microsoft. – ZippyV