Skip to main content

So zentrieren Sie eine Tabelle mithilfe von CSS

Tutorial - graphomate extensions for SAP UI5 (tables & charts) (Kann 2024)

Tutorial - graphomate extensions for SAP UI5 (tables & charts) (Kann 2024)
Anonim

Cascading Style Sheets (CSS) ist eine Stylesheet-Sprache, die am häufigsten verwendet wird, um den visuellen Stil von in HTML und XHTML geschriebenen Webseiten festzulegen. Sie sind möglicherweise noch nicht mit Webdesign oder CSS vertraut und haben Fragen zum Zentrieren einer Tabelle auf einer Webseite. Sie könnten auch ein erfahrener Designer sein, der verwirrt ist, wie diese Technik ausgeführt werden soll, nachdem das CENTER-Tag und das Ausrichtungs-Attribut "center" im TABLE-Tag veraltet sind. Mit CSS ist das Zentrieren von Tabellen auf einer Webseite überhaupt nicht schwierig.

Verwenden Sie CSS zum Zentrieren einer Tabelle

Sie können Ihrem CSS-Stylesheet eine einzelne Zeile hinzufügen, um alle Tabellen horizontal zu zentrieren:

oder Sie können dieselbe Zeile direkt in Ihre Tabelle einfügen:

Wenn Sie eine Tabelle auf einer Webseite platzieren, platzieren Sie sie in einem Blockelement wie BODY, P, BLOCKQUOTE oder DIV. Sie können die Tabelle innerhalb dieses Elements mit der Taste zentrieren Marge: auto; Stil. Dadurch wird der Browser angewiesen, die Ränder an allen Seiten der Tabelle anzugleichen, wodurch die Tabelle in der Mitte der Webseite positioniert wird.

Einige ältere Webbrowser unterstützen diese Methode nicht

Wenn Ihre Site einen älteren Webbrowser wie Internet Explorer 6 unterstützen muss, müssen Sie die Verwendung fortsetzenalign = "center" oder das CENTER-Tag, um Ihre Tabellen zu zentrieren. Das ist ungefähr die einzige Schwierigkeit, die Sie beim Zentrieren Ihrer Tabellen auf einer Webseite haben. Die Verwendung dieser Technik ist einfach und kann in wenigen Minuten ausgeführt werden.