So richten Sie ein div innerhalb des td-Elements mithilfe der CSS-Klasse aus

Lesezeit: 1 Minute

Benutzer-Avatar
Monster-MMORPG

Es funktioniert auf diese Weise

<td align="center">

Aber ich möchte die CSS-Klasse verwenden.

Ich habe die 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 innerhalb von td nicht auf diese Weise aus. Ich möchte div innerhalb von td ausrichten.

  • Dein Skript sollte funktionieren. Es muss andere CSS-Stile geben, die Ihren Stil für td überschreiben.

    – Bald

    15. August 2011 um 9:03 Uhr

  • Nein du hast nicht recht. Sie haben ein Blockelement in Ihrem TD, das Sie selbst gestalten müssen.

    – Luuk

    15. August 2011 um 9:10 Uhr

  • Hier eine Lösung => stackoverflow.com/a/57590933/2736742

    – A. Morel

    21. August 2019 um 13:03 Uhr

div { margin: auto; }

Dadurch wird Ihr div zentriert.

Div selbst ist ein Blockelement. Dazu müssen Sie den Stil für das div definieren, wie es sich verhalten soll.

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 a div nimmt standardmäßig auf 100 % Breiteund kann daher nicht ausgerichtet werden.

Möglicherweise möchten Sie die Inline-Elemente innerhalb des div (z. B. Text) an ausrichten Textausrichtung: Mitte; andernfalls können Sie erwägen, das div auf zu setzen display:inline-block;

Wenn Sie den Inline-Block-Weg gehen, müssen Sie möglicherweise meinen Lieblings-IE-Hack in Betracht ziehen.

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

Viel Spaß beim Codieren 🙂

  • divs hat Hintergrundbilder. also ändern sich ihre Größen. Wenn sie 100% Breite nehmen würden, würde ich nicht fragen, wie sie ausgerichtet werden sollen 🙂

    – Monster-MMORPG

    15. August 2011 um 22:10 Uhr

1309310cookie-checkSo richten Sie ein div innerhalb des td-Elements mithilfe der CSS-Klasse aus

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy