Heim  >  Artikel  >  Web-Frontend  >  Wie richtet man Inhalte in HTML-Tabellenzellen zentriert aus?

Wie richtet man Inhalte in HTML-Tabellenzellen zentriert aus?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-11-02 02:21:02610Durchsuche

How to Center Align Content in HTML Table Cells?

So richten Sie Inhalte in einer HTML-Tabelle zentriert aus

Beim Erstellen von HTML-Tabellen ist es oft wünschenswert, den Inhalt jeder Zelle zentriert zu haben horizontal und vertikal. Dies kann die Lesbarkeit und Ästhetik der Tabelle verbessern.

Um den Text in Tabellenzellen horizontal zu zentrieren, können Sie CSS mit der text-align-Eigenschaft verwenden. Das folgende Beispiel zeigt dies:

<code class="css">td {
    text-align: center;
}</code>

Für die vertikale Ausrichtung kann die Eigenschaft „vertikal-align“ verwendet werden. Dieses Code-Snippet zentriert den Text vertikal in den Zellen:

<code class="css">td {
    vertical-align: middle;
}</code>

Sie können auch Inline-Stilattribute verwenden, um den Text zu zentrieren. Dies kann praktischer sein, wenn Sie die Ausrichtung nur auf bestimmte Zellen anwenden müssen:

<code class="html"><td style="text-align: center; vertical-align: middle;">Text</td></code>

Ein Beispiel mit Inline-Stilattributen:

<code class="html"><table>
    <tr>
        <td style="text-align: center; vertical-align: middle;">Text</td>
        <td style="text-align: center; vertical-align: middle;">Text</td>
    </tr>
</table></code>

Mit CSS oder Inline-Stilen können Sie dies tun Richten Sie den Inhalt Ihrer HTML-Tabellenzellen ganz einfach mittig aus und sorgen Sie so für ein professionelleres und organisierteres Erscheinungsbild.

Das obige ist der detaillierte Inhalt vonWie richtet man Inhalte in HTML-Tabellenzellen zentriert aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn