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

2020-07-22 19:21:29

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