2013-03-08 15 views
7

In HTML5, come posso specificare una larghezza fissa per una cella di tabella? La maggior parte delle proprietà <col> disponibili in HTML4 non sono più valide in HTML5.HTML5 - Come posso specificare una larghezza fissa per una cella particolare?

Giusto per essere chiari, so che posso fare <td style="width:150px">, ma questo non mantiene fissa la larghezza della colonna. Non importa quale sia il contenuto della cella, voglio la larghezza fissata a 150px.

risposta

6

È possibile utilizzare width su col. A seconda di ciò che si sta facendo, può anche essere utile utilizzare un figlio con larghezza fissa di <td> per applicare la larghezza in quanto non funziona impostando la larghezza di <td> solo per il suo tipo di visualizzazione table-cell.

http://jsfiddle.net/ywSvr/

+5

larghezza su non è supportato in HTML5 (http://www.w3schools.com/tags/att_col_width.asp) – Hosea146

+3

@ Hosea146 non la larghezza * * attributo, ma Larghezza CSS su '' come nell'esempio che ti ho collegato –

+0

Ok. Sì, vedo. Grazie. Tuttavia, questo sarà molto noioso. La mia tabella ha circa 10 colonne, ognuna delle quali avrà una larghezza fissa diversa. E, ho un paio di tavoli per cui voglio farlo. Quindi, creare una definizione CSS per ognuno di questi sarà un problema. C'è un altro modo? – Hosea146

3

Uso 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> 
Problemi correlati