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

vertikal horizontal zentrieren

高洛峰
Freigeben: 2016-10-09 13:46:21
Original
1612 Leute haben es durchsucht

Vertikal und horizontal zentrieren


vertikal horizontal zentrieren

Dies ist der Körpercode

  1. Vertikal zentrieren und horizontal

    vertikal horizontal zentrieren

Analyse: übergeordnetes Element relativ, untergeordnetes Element absolut, untergeordnetes Element legt Breite und Höhe fest, oben und links werden auf 50 % gesetzt , margin-top und Margin-left werden auf die halbe Höhe und Breite multipliziert mit -1 eingestellt.

2. Horizontale Zentrierung:

Methode 1: Rand: 0 automatisch;

vertikal horizontal zentrieren

Methode 2:

vertikal horizontal zentrieren

Analyse: übergeordnetes Element relativ, untergeordnetes Element absolut, untergeordnete Elementsatzbreite, links: 50 %; -links: halbe Breite Nehmen Sie -1; Höhe oben: 50 %; Rand oben: halbe 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