Heim > Web-Frontend > HTML-Tutorial > vertikal horizontal zentrieren

vertikal horizontal zentrieren

WBOY
Freigeben: 2016-10-09 08:31:49
Original
846 Leute haben es durchsucht

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;

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage