已经清除浮动了，为什么text-align还是不能让span 居中？

Question

http://js.jirengu.com/wabed/2... 假如在span 外面再套一个div,然后设置display: inline-block，就可以居中了，为什么啊？

Answer 1

套了一个div，div没有浮动，div也转换成了行内块，行内块是可以被tex-talign：center的
所以你的 topbar居中的并不是inner 而是那个div。而因为父盒子都被挪到中间了，子盒子两个span当然就跟着父盒子走了

Answer 2

浮动会使元素块状化，text-align就控制不了了

Answer 3

搞不懂为什么span要浮动。直接去掉span的float:left。就能居中了啊

Answer 4

如果一开始你没给span浮动，脱离文档流，那直接给topbar设置text-align:center也能居中啊。text-align是规定元素中的文本的水平对齐方式，前提是，标签内的东西，属于标准输出流，不能是浮动或者定位的标签。

Answer 5

1. 套一层div设置成inline-block 呈现为inline 是可以用text-align使他水平居中的

2. 行内元素（span）浮动了就变成块级元素了 ,text-align只能使 inline水平居中

3. 你这种写法的清除浮动只能使父级不受浮动影响

4 .

.inner1{
  float: left;
  border: 1px solid red;
  clear: left;
}
.inner2{
 float: left;
  border: 1px solid red;
  clear: right;
}