Alle tds gleicher Höhe machen, wenn jede td ein div mit dynamischem Inhalt enthält?

8

Ich versuche, alle tds in einer Tabelle gleicher Höhe zu machen. Ich habe vier Zellen mit einer Breite von jeweils 25%. Jede td wird einen div-basierten Inhalt haben, der dynamisch ist und sich in der Länge ändert. Ich kann die Struktur nicht ändern.

Jede Hilfe wird sehr geschätzt. Danke .. !!

Geigenverbindung: Ссылка

HTML

%Vor%

CSS

%Vor%     
Binita Lama 19.05.2014, 09:41
quelle

1 Antwort

14

Ändern Sie einfach min-height:30px; in height:30px; , Sie können es tatsächlich auf height:0px;

setzen

Demo-Geige

Sie haben derzeit min-height set, aber das funktioniert nie, ohne dass die Höhe für das gleiche Element festgelegt wird, wie es eine relativ berechnete Eigenschaft ist.

Auch für die untergeordneten div -Elemente haben Sie height:100% , aber ohne dass eine bestimmte Höhe für die übergeordnete td festgelegt wird, gibt es keine relative Referenz, sodass sie effektiv zu 100% von nichts wird.

Das Hinzufügen von height:0; zum übergeordneten td stellt einen definierten Höhenwert für die Zelle zur Verfügung, sodass die div-Höhen dann relativ zu etwas berechnet werden können Passen Sie den Kind-Inhalt an, anstatt einfach "bei Null zu bleiben".

    
SW4 19.05.2014, 09:47
quelle

Tags und Links