Heim  >  Artikel  >  Web-Frontend  >  Wie zentriere ich ein schwebendes Element? Wie zentriere ich ein absolut positioniertes Div?

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

王林
王林nach vorne
2020-06-15 16:45:405192Durchsuche

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

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

Div-Zentrierung:

border: 1px solid red;
margin: 0 auto; 
height: 50px;
width: 80px;

Floating-Element oben, unten, links und rechts zentriert:

border: 1px solid red;
float: left;
position: absolute;
width: 200px;
height: 100px;
left: 50%;
top: 50%;
margin: -50px 0 0 -100px;

Absolut positionierte linke und rechte Zentrierung:

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

Empfohlenes Tutorial : CSS-Schnellstart

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

Stellungnahme:
Dieser Artikel ist reproduziert unter:juejin.im. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen