span in td soll so hoch sein wie td
bearbeitet von
@@MudGuard
> Wie krieg ich das hin, daß das span so hoch wird wie die td?
Ohne Markup-Änderung fällt mir dazu nichts ein. Wenn noch im `td` noch ein `span` um alles wäre, könnte man das auf `display: flex` setzen. Für `td` kann man das nicht, das muss aber wohl auf dem Defaultwert `table-cell` bleiben.
Den gewünschten Effekt erreichst du aber auch anders: mit `box-shadow` fürs `.ignored`-Element. (`td` kriegt dazu `overflow: hidden` verpasst.) Siehe [Fork](https://codepen.io/gunnarbittersmann/pen/LYvajrP?editors=0100).
Der Schatten genügt, wenn die anderen Tabellenzellen in der Zeile wenig Inhalt haben. Wenn da `something<br>very<br>much<br>higher`{:.language-html} steht, reicht er nicht. Aber du kannst ja weitere Schatten hinzufügen: `0 -2lh`, `0 2lh`, …
Kwakoni Yiquan
{:@art-x-kwejian}
--
*Ad astra per aspera*{:@la}
span in td soll so hoch sein wie td
bearbeitet von
@@MudGuard
> Wie krieg ich das hin, daß das span so hoch wird wie die td?
Ohne Markup-Änderung fällt mir dazu nichts ein. Wenn noch im `td` noch ein `span` um alles wäre, könnte man das auf `display: flex` setzen. Für `td` kann man das nciht, das muss aber wohl auf dem Defaultwert `table-cell` bleiben.
Den gewünschten Effekt erreichst du aber auch anders: mit `box-shadow` fürs `.ignored`-Element. (`td` kriegt dazu `overflow: hidden` verpasst.) Siehe [Fork](https://codepen.io/gunnarbittersmann/pen/LYvajrP?editors=0100).
Der Schatten genügt, wenn die anderen Tabellenzellen in der Zeile wenig Inhalt haben. Wenn da `something<br>very<br>much<br>higher`{:.language-html} steht, reicht er nicht. Aber du kannst ja weitere Schatten hinzufügen: `0 -2lh`, `0 2lh`, …
Kwakoni Yiquan
{:@art-x-kwejian}
--
*Ad astra per aspera*{:@la}