The Web Design Group

CENTER - Zentrierter Block

Syntax <CENTER>...</CENTER>
Attribut-Spezificktionen
Inhalte Inline-Elemente, Block-Level-Elemente
Beinhaltet in APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DEL, DIV, FIELDSET, FORM, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH

Das CENTER-Element definiert einen Block, dessen Inhalte in visuellen Browsern horizontal zentriert werden. <CENTER> ist eine Kurzform für <DIV ALIGN=center>, daher wird CENTER in den Browsern ein kleines bisschen besser unterstützt. Beide Methoden zum Zentrieren sind zugunsten der Style Sheets deprecated.

CENTER ist dennoch nützlich um Tabellen zu zentrieren, da viele Browser <TABLE ALIGN=center> sowie die Methode der Cascading Style Sheets (indem margin-left und margin-right auf auto gesetzt werden) nicht unterstützen. Ein Beispiel:

<CENTER>
  <TABLE>
    <TR ALIGN=center>
      <TH SCOPE=col>Name</TH>
      <TH SCOPE=col>Age</TH>
      <TH SCOPE=col>Country</TH>
    </TR>
    <TR ALIGN=center>
      <TD>Liam Quinn</TD>
      <TD>20</TD>
      <TD>Canada</TD>
    </TR>
  </TABLE>
</CENTER>

Nehmen Sie zur Kenntnis, dass CENTER die Tabelle nur im ganzen zentriert, und nicht die Inhalte jeder einzelnen Tabellenzelle. Das vorherige Beispiel verwendet das ALIGN-Attribut von TR um die Inhalte jeder Zelle zu zentrieren. Die text-align-Eigenschaft der Cascading Style Sheets ermöglichen einen flexibleren Umgang mit der horizontalen Ausrichtung.

Weitere Informationen