如何居中一个float:left的元素

版权声明:如有雷同,纯属巧合!!!!! https://blog.csdn.net/henu1710252658/article/details/82461375

写过前端的小伙伴们都知道同一标签下,在浮动的情况下(float)无论怎么添加margin的属性都不会起作用。
1:给该float元素外面再套上一个div,设置外套div居中就行了。让float元素相对于div用相对定位定位到div中间。
2:用js通过获取屏幕的总宽度 减去float元素本身的宽度 除以二 便得到了中心的位置。还是同样用了相对定位。(用jq也是这样写的。)


如果是想让一排div都有float:left样式,水平排列,并希望它们处于屏幕的中间,办法是在div们的父级div加一个 display:inline-block 样式,父级的父级使用text-clign:center样式就可以了。

猜你喜欢

转载自blog.csdn.net/henu1710252658/article/details/82461375