So zentrieren Sie eine Tabelle des Bildschirms (vertikal und horizontal)

7

Ich habe diese Codebausteine:

%Vor%

Ich möchte meinen Tisch in der Mitte des Bildschirms (vertikal und horizontal) zeigen.

Hier ist eine Demo .

Wie kann ich das tun?

    
cafu 17.09.2011, 14:11
quelle

7 Antworten

14

Dies fixiert den Totpunkt der Box auf dem Bildschirm:

HTML

%Vor%

CSS

%Vor%

Ergebnisse anzeigen

  

Ссылка

    
Andres Ilich 17.09.2011, 15:25
quelle
13

Horizontale Zentrierung ist einfach. Sie müssen nur beide Ränder auf "auto" einstellen:

%Vor%

Die vertikale Zentrierung wird normalerweise erreicht, indem der Anzeigetyp des übergeordneten Elements auf table-cell und die Eigenschaft vertical-align festgelegt wird. Angenommen, Sie haben eine <div class="wrapper"> um Ihre Tabelle:

%Vor%

Weitere detaillierte Informationen finden Sie auf Ссылка

Wenn Sie Unterstützung für ältere Versionen von Internet Explorer benötigen (ich weiß nicht, was in welcher Version dieses seltsamen und selten verwendeten Browsers funktioniert ;-)) dann möchten Sie vielleicht Suche im Internet für weitere Informationen, wie zum Beispiel: Ссылка (nur ein erster Treffer, der IE zu erwähnen scheint)

    
Arsen7 17.09.2011 15:12
quelle
4

Ich denke, das sollte den Trick machen:

%Vor%

Laut Ссылка ist dies veraltet, aber versuchen Sie es. Wenn es nicht funktioniert, gehen Sie nach Stilen, wie auf der Website erwähnt.

    
kgrevehagen 17.09.2011 14:17
quelle
3

Ich habe diesen kleinen Betrüger schon eine Weile benutzt. Du könntest es genießen. Verschachteln Sie die Tabelle, die Sie in einer anderen Tabelle zentrieren möchten:

%Vor%

(fügen Sie Ihre Tabelle hier hinzu)

%Vor%

Die Ausrichtung und Valign setzen die Tabelle genau in der Mitte des Bildschirms, egal was sonst noch passiert.

    
doug landmesser 22.10.2013 02:05
quelle
3

Für horizontale Ausrichtung (kein CSS)

Fügen Sie einfach ein align-Attribut in das Tabellen-Tag

ein %Vor%     
user6500381 22.06.2016 16:51
quelle
0

Dieser Typ hatte den Zauberstab, nach dem wir gesucht haben, Leute.

Um seine Antwort zu zitieren:

  

füge einfach "position: fixed" hinzu und es behält es im Blick, auch wenn du nach unten scrollst. siehe Ссылка

%Vor%     
Bukov 09.04.2013 06:13
quelle
0

Ich habe oben das Attribut align in HTML5 versucht. Es wird nicht unterstützt. Außerdem habe ich Flex-Align und Vertical-Align mit Style-Attributen versucht. Immer noch nicht in der Lage, TABELLE in der Bildschirmmitte zu platzieren. Der folgende Stil platziert die Tabelle in der Mitte horizontal.

style="margin: auto;"

    
Pabitra Dash 03.04.2014 12:59
quelle

Tags und Links