Lasse die Hintergrundfarbe eines divs das umschließende td füllen

8

Ich habe eine HTML-Tabelle, deren Zellen div s mit display:inline-block enthalten, die Text unterschiedlicher Größe enthalten.

Ich brauche den Text auf der Basislinie auszurichten, und ich brauche die Hintergrundfarben von div s, um die Höhe der Zellen zu füllen. Bei der größten Schriftart füllt die Hintergrundfarbe die Zelle, nicht jedoch die kleineren Schriftarten:

Ist das möglich? Offensichtliche Lösungen wie div { height:100% } scheinen durch die unterschiedlichen Schriftgrößen geschwächt zu sein.

Hier ist der Code soweit:

%Vor%

Es ist auch auf jsfiddle hier .

    
RichieHindle 01.12.2011, 16:34
quelle

3 Antworten

1

Schnelle und schmutzige Lösung:

CSS

%Vor%

Demo: Ссылка

    
AlienWebguy 01.12.2011 19:37
quelle
0

Ich habe einmal gelesen, dass td die Höhe nicht angibt. Also alle height: 100% oder height:auto , etc .. werden nicht funktionieren.

Also meine Lösung ist hier: Ссылка

Es ändert die Höhe von "rosa" Text auf die Höhe von "gelb" div mit Javascript.

    
JercSi 01.12.2011 17:48
quelle
0

Nicht perfekt, aber das nächste, was ich bekommen konnte:

Ссылка

    
ptriek 01.12.2011 17:05
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset [Dead] Wie erfolgreich POST an eine alte ASP.NET-Site mit Asynchronous Postback