Wie, um die vertikale Ausrichtung der Tabelle innerhalb eines div
Ich habe ein hintergrund-div mit Abmessungen, die enthält eine Tabelle, element.
Ich bin auf der Suche nach einem Weg, um die position der Tabelle in der Mitte-Links div. Links ist einfach, Mitte kann ich nicht bekommen, um zu arbeiten. Dies ist, was ich habe:
HTML
<div id="background">
<table>
//... stuff
</table>
</div>
CSS:
#background {
height: 1000px;
width: 1000px;
text-align: left;
}
Kann mir jemand sagen, wie die vertikale Ausrichtung der Tabelle?
Was haben Sie versucht?, Was hast du Gegoogelt? Es gibt Tausende von tutorials online mit der Antwort, die Sie suchen.
nur fixierte es mit position relativ/position absolut... never mind vertikal ausrichten.
nur fixierte es mit position relativ/position absolut... never mind vertikal ausrichten.
InformationsquelleAutor frequent | 2012-03-07
Du musst angemeldet sein, um einen Kommentar abzugeben.
Div ' s nicht erlauben, vertikale richtet in der Regel. Die einzige option wäre, um es wirken wie eine Zelle in der Tabelle oder etwas tun, wie margin/padding, Aussehen wird, wie deine Tabelle ist vertikal ausgerichtet.
InformationsquelleAutor Samir
Nur position: relative die Tabelle innerhalb des div und geben es top: 50% und left: 50%.
Können Sie Links und verwenden nur top -
http://jsfiddle.net/EZk3T/1/
InformationsquelleAutor xotix
Mit top: 50% wird es nicht in der Mitte, Sie müssten calc, aber das würde erfordern eine Feste Höhe und das scheint nie für mich arbeiten, die Verwendung von top: für die zukünftige Verweisung, wenn Sie möchten, richten Sie horizontal, dann verwenden Sie dieses Beispiel:
Den - 150px entspricht der Hälfte der Breite.
InformationsquelleAutor TristanD27