HTML5 - Làm thế nào tôi có thể chỉ định chiều rộng cố định cho một ô cụ thể?

Question

Trong HTML5, làm cách nào tôi có thể chỉ định chiều rộng cố định cho ô bảng? Hầu hết các thuộc tính <col> có sẵn trong HTML4 không còn hợp lệ trong HTML5 nữa.

Chỉ cần rõ ràng, tôi biết tôi có thể làm <td style="width:150px">, nhưng điều này không giữ cố định chiều rộng cột. Bất kể nội dung của ô là gì, tôi muốn chiều rộng cố định ở 150px.

Answer 1

Bạn có thể sử dụng width trên col. Tùy thuộc vào những gì bạn đang làm, cũng có thể hữu ích khi sử dụng con có chiều rộng cố định của <td> để thực thi chiều rộng của nó vì điều này không hoạt động bằng cách đặt chiều rộng là <td> một mình do loại hiển thị table-cell.

http://jsfiddle.net/ywSvr/

Answer 2

Sử dụng các thuật toán bảng khác bằng cách thêm table-layout: fixed:

• How to set the table column width constant regardless of the amount of text in its cells?
• previous answer of mine with demo (đó là cho div hiển thị như bảng nhưng đó là giống như table yếu tố hiển thị như mặc định)

Answer 3

Sử dụng colgroup

<table> 
    <colgroup> 
    <col span="1" style="width: 15%;"> 
    <col span="1" style="width: 70%;"> 
    <col span="1" style="width: 15%;"> 
    </colgroup> 
    <thead></thead> 
    <tbody></tbody> 
</table>