Tôi có đoạn mã sau:Làm thế nào để ngăn chặn một bảng từ co lại thành một khung nhìn
table {
border-collapse: collapse;
}
td {
padding: 0px;
border: 1px solid #d3d3d3;
width: 300px;
height: 100px;
text-align: center;
white-space: nowrap;
}
<table>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
</tr>
<tr>
<td>D</td>
<td>E</td>
<td>F</td>
</tr>
<tr>
<td>G</td>
<td>H</td>
<td>I</td>
</tr>
</table>
Khi tôi căng trình duyệt để viewport nhỏ hơn 900px, hàng bảng của đang co để phù hợp với khung nhìn mặc dù thực tế là tôi đặt chiều rộng một cách rõ ràng. Làm thế nào tôi có thể ngăn chặn hành vi này?
Đặt chiều rộng trên phần tử bảng. – Kyle
Kính gửi chính xác những gì bạn muốn, bạn có thể chỉ định rõ ràng ... – w3uiguru
Tôi muốn chiều rộng bảng bằng 900px mà không chỉ định rõ ràng (vì vậy tôi có thể thêm cột mới mà không cần cập nhật bảng định kiểu) –