给 div 设置一个宽度,然后添加 margin:0 auto 属性
div{
width:200px;
margin:0 auto;
}
居中一个浮动元素
确定容器的宽高 宽 500 高 300 的层
设置层的外边距
.div {
Width:500px ;
height:300px;//高度可以不设
Margin: -150px 0 0 -250px;
position:relative;//相对定位
background-color:pink;//方便看效果
left:50%;
top:50%;
}
如何居中 div,如何居中一个浮动元素
最新推荐文章于 2022-05-19 18:36:14 发布
本文介绍了两种CSS布局技巧:如何使用`margin: 0 auto`使固定宽度的div水平居中,以及如何通过相对定位和负外边距实现浮动元素的居中对齐。示例代码详细展示了具体实现方法,帮助开发者更好地理解和应用这些布局策略。
摘要由CSDN通过智能技术生成