Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > CSS-Tutorial > Wie zentriere ich ein Div? Wie zentriere ich ein absolut positioniertes Div?

Wie zentriere ich ein Div? Wie zentriere ich ein absolut positioniertes Div?

王林
Freigeben： 2020-07-15 17:22:15
nach vorne
2670 Leute haben es durchsucht

Wie zentriere ich ein Div? Wie zentriere ich ein absolut positioniertes Div?

Zentriertes Div

(Empfohlenes Tutorial: CSS-Schnellstart)

Code-Implementierung: 

border: 1px solid red;margin: 0 auto; 
height: 50px;width: 80px;
Nach dem Login kopieren

Absolut div-zentriert positioniert

Code-Implementierung: 

border: 1px solid black;
position: absolute;
width: 200px;
height: 100px;
margin: 0 auto;
left: 0;
right: 0;
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie zentriere ich ein Div? Wie zentriere ich ein absolut positioniertes Div?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
div 绝对定位
Quelle：csdn.net
Vorheriger Artikel：So erzielen Sie abgerundete Ecken und einen konkaven Effekt in CSS Nächster Artikel：So erzielen Sie einen Maskeneffekt in CSS
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Automatische PX-Konvertierung in REM-Fehler  <style>html {  font-size: calc(100vw / 3.75);      }body {    Schriftgröße: 0,16rem...
Aus 2024-04-16 09:34:16
0
0
4687
Warum unterbricht das Weglassen von 0 ms Schlaf meine CSS-Übergänge? Ich versuche, eine FLIP-Animation zu implementieren, um zu sehen, ob ich sie richtig verst...
Aus 2024-04-06 16:29:50
0
2
490
Div beim Klicken und Scrollen ein-/ausblenden Ich möchte ein ausgeblendetes Suchformular erstellen, das angezeigt wird, wenn wir auf das...
Aus 2024-04-06 12:20:46
0
1
386
Wie kann ich die Textbreite an die Breite eines Bildes/Titels mit dynamischer Größe anpassen? Siehe diesen Codepen: https://codepen.io/allen-houng/pen/XGMjMr?editors=1100#0<div>&...
Aus 2024-04-06 10:04:43
0
2
386
Warum funktioniert der Tooltip nach dem Entfernen des Links immer noch? Erst wenn ich den Link entferne, sehe ich das div-Tag mit dem Tooltip. Wie hängen die beid...
Aus 2024-04-05 09:51:08
0
1
1419
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage