技术教程 如何居中一个浮动元素？如何让绝对定位的div居中？ 正文

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

2020-10-13,

/2020/10/44d1439e.jpg

如何居中一个浮动元素？如何让绝对定位的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居中？的详细内容，更多请关注北冥有鱼其它相关文章！

本文转载自【PHP中文网】，希望能给您带来帮助，苟日新、日日新、又日新，生命不息，学习不止。

《如何居中一个浮动元素？如何让绝对定位的div居中？.doc》

下载本文的Word格式文档，以方便收藏与打印。

Copyright 2023. 昆居客 - IT编程,互联网信息技术文档大全!