webentwicklung-frage-antwort-db.com.de

So richten Sie ein div in einem td-Element mithilfe der CSS-Klasse aus

Es funktioniert so

<td align="center">

Aber ich möchte CSS-Klasse verwenden.

Ich habe Klasse so definiert, aber kein Glück

td
{
    vertical-align: middle;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    align: center;
}

Die vertikale Ausrichtung funktioniert und die Textausrichtung funktioniert für Text. Aber es richtet div inside td nicht auf diese Weise aus. Ich möchte div in td ausrichten.

htmlcenteralignmenthtml-table
62
MonsterMMORPG
div { margin: auto; }

Dies wird Ihre div zentrieren.

Div an sich ist ein Blockelement. Dazu müssen Sie den Stil definieren, mit dem sich der Div verhalten soll.

126
Luuk

Ohne einen kleinen (möglicherweise reduzierten) Ausschnitt des Problems kann ich Ihnen nicht viel helfen. Wenn das Problem das ist, was ich denke, dann liegt es daran, dass ein div standardmäßig 100% Breite aufnimmt und als solches nicht ausgerichtet werden kann.

Möglicherweise möchten Sie die Inline-Elemente innerhalb des div (z. B. Text) an Textausrichtung: Mitte; ausrichten. Andernfalls können Sie das div auf Anzeige: Inline-Block) setzen ;

Wenn Sie den Inline-Block-Weg gehen, dann müssen Sie vielleicht meinen Favoriten IE hack.

width:100px;
display:inline-block;
zoom:1; //IE only
*display:inline; //IE only

Happy Coding :)

6
martin