Was ist der DIV-Stil für HTML-Center-Tags?

8

Was ist der DIV-Stil für das HTML-Center-Tag?

    
Mithras 18.08.2012, 14:23
quelle

6 Antworten

3

Das HTML:

%Vor%

Und das CSS:

%Vor%     
ionFish 18.08.2012 14:28
quelle
2

Es gibt kein direktes Äquivalent. Das <center> -Tag zentriert nicht nur den enthaltenen Text, sondern auch jedes Blockelement. Sie können jeden einzeln, aber nicht gleichzeitig nachahmen.

Zum Zentrieren von Inline- / Inline-Block-Inhalten (Text, Bilder, Videos usw.), die Sie verwenden würden, wenden Sie Folgendes auf ein div- oder anderes Blockelement an:

%Vor%

Verwenden Sie zum Zentrieren eines Blockelements selbst:

%Vor%

Offensichtlich ersetzen Sie 200px mit der gewünschten Breite des Blocks und 0 mit dem von Ihnen bevorzugten Wert für den oberen / unteren Rand. Beachten Sie auch, dass Sie generell Klassennamen verwenden sollten, die das Element beschreiben, nicht seine Darstellung.

    
DisgruntledGoat 18.08.2012 21:17
quelle
2

Sie müssen nur margin: auto; verwenden, um ein div zu zentrieren. Es spielt keine Rolle, ob es intern / eingebettet oder extern ist.

Wie der folgende Kommentar zeigt, funktioniert dies jedoch in Inline-Elementen nicht .

Wie oben erwähnt, wird text-align: center; verwendet, um Text innerhalb eines Elements zu zentrieren.

    
nojak 18.08.2012 22:32
quelle
1

margin: 0 auto; zentriert nur etwas in CSS, wenn Sie auch einen width -Spezifikator hinzufügen. Ohne width wird es nicht funktionieren - es wird auf der linken Seite platziert. Dies bedeutet jedoch, dass es nicht dem <center> -Tag entspricht, für das Sie keine Breite angeben mussten. Und IF Sie kennen die Breite von etwas und müssen sich darum kümmern, sie in einem CSS-Sheet anzugeben, eine Zeile für jedes Ihrer Objekte auf der Seite (die unterschiedliche Breiten haben), dann können Sie das auch Gib einfach den linken Rand. (Software: HTML5, Linux, Firefox 31)

CSS ist hoffnungslos in der Zentrierung. (Vortragssprache? Müll!)

    
Clive 10.06.2015 22:31
quelle
0

Um ein div-Tag auf Ihrer Seite zu zentrieren, würden Sie diesen Code verwenden. Wenn Sie möchten, dass der Text innerhalb des Inhalts-Div zentriert wird, fügen Sie text-align:center; zum #Content ID-Stil

hinzu %Vor%     
Anagio 18.08.2012 21:24
quelle
0

Wenn Sie:

%Vor%

Sie müssen es löschen, bevor die Randstile wirksam werden.

    
SauerTrout 03.10.2017 21:57
quelle

Tags und Links