怎么将浮动元素居中?

来源:3-4 编程练习

Azathouth

2019-04-02 11:49:44

网上查到的普遍是这个方法,但是在这里应用后布局会非常混乱

<style>
.box{
position: relative;
left:50%;
float:left;
}
.item{
position: relative;
left:-50%;
float:left;
background: red;
}
</style>
<div class="box">
<div class="item">123</div>
</div>


写回答

1回答

好帮手慕夭夭

2019-04-02

你好同学 ,可以像你粘贴的代码一样使用定位 ,或者给父元素设置定宽后,用margin:0 auto居中 ,如下:

http://img.mukewang.com/climg/5ca307f900018b8f05930458.jpg

同学是想要实现本题的效果吗?根据要求 ,这里不用给浮动元素居中。

祝学习愉快 ,望采纳。

1
hzathouth
h 明白了,谢谢老师
h019-04-02
共1条回复

0 学习 · 40143 问题

查看课程