div内文字正当中对齐

div内文字居中对齐
<div>
  <span style="width:300px;">test1</span>
  <div id="div2">test2</div>
</div>

怎么样使div2中文字居中呢，不能用固定宽度，可以其他标签，也可以在div2下面再加个div div
[解决办法]
<div id="div2" style="text-align: center;">test2</div>
[解决办法]
text-align:center
[解决办法]
#div2{
  text-align:center;
}
[解决办法]
都说完了，哈哈。
[解决办法]
还可以加个link-height：行高     
可以水平垂直居中
[解决办法]
 

引用:

Quote: 引用:

<div id="div2" style="text-align: center;">test2</div>

不是这个意思，我要test2,在第一个div中，就是最外层的div居中对齐

那就把 div2 width:100%; 
<div id="div2" style="text-align: center;width:100%">test2</div>
[解决办法]
不会吧， div2 width:100%; 一般都会独立一行显示
[解决办法]

引用:

不会吧， div2 width:100%; 一般都会独立一行显示

同意LS的。可以满足LZ的要求。第一个div默认对齐方式，而第二个div因为text-align:center而居中显示，且宽度为100%，所以有在第一层div中居中的假象
[解决办法]
楼上有道理
如果给div2 外面加个<center>标签也可以达到这效果吧

查看更多 下一篇