读书人

div内文字正当中对齐

发布时间: 2013-09-28 10:01:20 作者: rapoo

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>标签也可以达到这效果吧

读书人网 >CSS

热点推荐