2012-03-25 10 views
27

Ho fatto un po 'di ricerche su questo, ma volevo solo chiedere alle persone che sapresti molto meglio di memin-height e da tavolo cellule

è vero che la fissazione di un altezza una cella di tabella agisce solo come altezza minima? So che questo è vero in Firefox, ma in quali altri browser questo avviene?

risposta

21

Risposta breve: SÌ. Ho provato a caricare seguente codice:

<table border="0" style="background-color: yellow;"> 
    <tr style="background-color: green;"> 
     <td>row 0 cell 0</td> 
     <td>row 0 cell 1</td> 
    </tr> 
    <tr style="background-color: green;"> 
     <td height="50">row 1 cell 0</td> 
     <td>row 1 cell 1</td> 
    </tr> 
    <tr style="background-color: green;"> 
     <td style="height: 50px;">row 2 cell 0</td> 
     <td>row 2 cell 1</td> 
    </tr> 
</table> 

Sia (altezza e stile) funzionano allo stesso modo nei browser che ho provato:

  • Linux
    • Google Chrome 19,0
    • Firefox 13,0
    • Konqueror 4.8
  • di Windows
    • Google Chrome 19,0
    • Firefox 12.0 e 13.0
    • Internet Explorer 8
  • Android 2.3.3
+17

A seconda dell'obiettivo, è anche importante notare che, se si desidera un'altezza minima, l'impostazione dell'altezza minima NON funzionerà. Devi impostare l'attributo height. – mikepr

20

da: http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height

In CSS 2.1 , l'effetto di 'min-height' e 'max-height' sui tavoli, i tabelle nline, celle di tabella, righe di tabella e gruppi di righe non sono definiti.

da: http://www.w3.org/TR/CSS21/tables.html#height-layout

L'altezza di un 'table-row' box dell'elemento viene calcolata una volta che l'agente utente ha nella fila tutte le celle disponibili: è il massimo della fila di calcolata ' altezza ', l'' altezza 'calcolata di ciascuna cella nella riga e l'altezza minima (MIN) richiesta dalle celle. Un valore "altezza" di "auto" per una "riga di tabella" indica che l'altezza della riga utilizzata per il layout è MIN. Il MIN dipende dalle altezze della scatola delle celle e dall'allineamento della cella (molto simile al calcolo dell'altezza della linea). Il CSS 2.1 non definisce come viene calcolata l'altezza delle celle della tabella e delle righe della tabella quando viene specificata la loro altezza utilizzando i valori percentuali. Il CSS 2.1 non definisce il significato di 'altezza' sui gruppi di righe.

In CSS 2.1, l'altezza di una cella è l'altezza minima richiesta dal contenuto. La proprietà 'height' della cella della tabella può influenzare l'altezza della riga (vedere sopra), ma non aumenta l'altezza della cella.

Problemi correlati