Heim  >  Artikel  >  Web-Frontend  >  vertikal horizontal zentrieren

vertikal horizontal zentrieren

WBOY
WBOYOriginal
2016-10-09 08:31:49792Durchsuche

Dies ist der Körpercode

1. Vertikal und horizontal zentrieren

Analyse: Das übergeordnete Element ist relativ und das untergeordnete Element ist absolut. Das untergeordnete Element legt die Breite und Höhe fest, oben und links werden auf 50 % festgelegt, margin-top und margin-left werden auf die Hälfte der Höhe und Breite festgelegt multipliziert mit -1.

2. Horizontal zentriert:

Methode 1: Rand: 0 automatisch;

Methode 2:

Analyse: übergeordnetes Element relativ, untergeordnetes Element absolut, Breite des untergeordneten Elements, links: 50 %; linker Rand: die Hälfte der Breite multipliziert mit -1;

3. Vertikale Zentrierung:

Analyse: übergeordnetes Element relativ, untergeordnetes Element absolut, Höhe des untergeordneten Elements, oben: 50 %; Hälfte der Breite multipliziert mit -1;

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
Vorheriger Artikel:Sprite-AnwendungNächster Artikel:Sprite-Anwendung