2013-03-08 10 views
7

W HTML5, jak mogę określić stałą szerokość komórki tabeli? Większość właściwości <col>, które były dostępne w HTML4, nie jest już poprawna w HTML5.HTML5 - Jak określić stałą szerokość dla konkretnej komórki?

Dla jasności, wiem, że mogę zrobić <td style="width:150px">, ale to nie powoduje, że szerokość kolumny jest stała. Bez względu na zawartość komórki, chcę mieć stałą szerokość 150 pikseli.

Odpowiedz

6

Możesz użyć width na col. Zależnie od tego, co robisz, pomocne może być użycie dziecka o stałej szerokości <td>, aby wymusić jego szerokość, ponieważ nie działa to przez ustawienie szerokości samego <td> ze względu na jego typ wyświetlania table-cell.

http://jsfiddle.net/ywSvr/

+5

Szerokość na nie jest obsługiwana w HTML5 (http://www.w3schools.com/tags/att_col_width.asp) – Hosea146

+3

@ Hosea146 nie szerokości * * atrybut, ale Szerokość CSS na '' jak w przykładzie I link you –

+0

Ok. Tak, widzę. Dziękuję Ci. Będzie to jednak bardzo żmudne. Moja tabela ma około 10 kolumn, z których każda ma inną stałą szerokość. I mam kilka stołów, dla których chcę to zrobić. Stworzenie definicji CSS dla każdego z nich będzie bardzo trudne. Czy istnieje inny sposób? – Hosea146

3

Zastosowanie 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> 
Powiązane problemy