Update: hinzugefügt jsfiddle: Ссылка
Ich habe eine Tabelle mit einem Haufen <td>
. Jede td hat eine div .tdcont
, die wie ein Wrapper des gesamten Inhalts in dieser td ist. In .tdcont
habe ich 2 Gruppen von divs .alwaystop
und .below-at
.
Das Problem, das ich habe, ist, dass alwaystop
sich am oberen Rand der Zelle ausrichten soll und below-at
genau darunter liegen soll
Was ich finde ist, dass sich alwaystop
und below-at
vertikal vertikal zentrieren, wie man in dieser Geige Ссылка sieht Wenn also eine der angrenzenden Zellen in dieser Zeile lang ist, zentriert sich alwaystop
auf die Höhe dieser Zeile wie diese
Was ich tun möchte, ist, dass alwaystop
immer vom Anfang der Zelle unabhängig von den Höhen der angrenzenden Zellen beginnt, dann kommt below-at
darunter. Wie kann ich das tun?
Ich sollte hinzufügen, dass ich den Inhalt von alwaystop
links floating ist, also ist der Inhalt von below-at
, also sollen sie wie 2 Zeilen in diesem td sein.
Die CSS für immer und unten ist leer. Ich habe eine ganze Menge Sachen wie vertikale Ausrichtung und absolute Positionierung ausprobiert, aber nichts hat funktioniert und ich habe einfach aufgegeben und sie gelöscht.
%Vor%Ich habe demonstriert, wie @Damien in den Kommentaren vorgeschlagen hat:
Und es scheint zu tun, was Sie wollen, wenn ich es richtig verstehe.
Tags und Links html css html-table