CSS让浮动元素水平居中

概述对于定宽的非浮动元素我们可以用 margin:0 auto; 进行水平居中。 对于不定宽的浮动元素我们也有一个常用的技巧解决它的水平居中问题。如下： HTML 代码： <div class=&q

对于定宽的非浮动元素我们可以用 margin:0 auto; 进行水平居中。

对于不定宽的浮动元素我们也有一个常用的技巧解决它的水平居中问题。如下：

HTML 代码：

<div class="Box">    p>我是浮动的</>我也是居中的>div>

CSS 代码：

.Box{    float:left;    position:relative;    left:50%;}p{    right:50%;}

这样就解决了浮动元素水平居中了；

父元素和子元素同时左浮动，然后父元素相对左移动50%，再然后子元素相对右移动50%，或者子元素相对左移动-50%也就可以了。

 

总结

以上是内存溢出为你收集整理的CSS让浮动元素水平居中全部内容，希望文章能够帮你解决CSS让浮动元素水平居中所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。