欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-24 14:49:36
...

如何居中一个浮动元素?如何让绝对定位的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快速入门

以上就是如何居中一个浮动元素?如何让绝对定位的div居中?的详细内容,更多请关注其它相关文章!