Rumah  >  Artikel  >  hujung hadapan web  >  如何居中一个浮动元素?如何让绝对定位的div居中?

如何居中一个浮动元素?如何让绝对定位的div居中?

王林
王林ke hadapan
2020-06-15 16:45:405193semak imbas

如何居中一个浮动元素?如何让绝对定位的div居中?

如何居中一个浮动元素?如何让绝对定位的div居中?

div居中:

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

浮动元素的上下左右居中:

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

绝对定位的左右居中:

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

推荐教程:css快速入门

Atas ialah kandungan terperinci 如何居中一个浮动元素?如何让绝对定位的div居中?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:juejin.im. Jika ada pelanggaran, sila hubungi admin@php.cn Padam