61,112
社区成员
发帖
与我相关
我的任务
分享div内文字居中对齐
<div>
<span style="width:300px;">test1</span>
<div id="div2">test2</div>
</div>
怎么样使div2中文字居中呢，不能用固定宽度，可以其他标签，也可以在div2下面再加个div
<span style="width:300px;">test1</span>
<div id="div2">test2</div>
</div>
怎么样使div2中文字居中呢，不能用固定宽度，可以其他标签，也可以在div2下面再加个div
...全文
请发表友善的回复…
发表回复
齐岳 2013-09-23
- 打赏
- 举报
楼上有道理
如果给div2 外面加个<center>标签也可以达到这效果吧
如果给div2 外面加个<center>标签也可以达到这效果吧
conanhhy 2013-09-23
- 打赏
- 举报
同意LS的。可以满足LZ的要求。第一个div默认对齐方式，而第二个div因为text-align:center而居中显示，且宽度为100%，所以有在第一层div中居中的假象
fzfei2 2013-09-23
- 打赏
- 举报
不会吧， div2 width:100%; 一般都会独立一行显示
kuailexiaobuding 2013-09-23
- 打赏
- 举报
都说完了，哈哈。
yuji821 2013-09-23
- 打赏
- 举报
不是这个意思，我要test2,在第一个div中，就是最外层的div居中对齐[/quote]
那就把 div2 width:100%;
<div id="div2" style="text-align: center;width:100%">test2</div>[/quote]
<span style="width:300px;">test1</span> 会受影响吗
fzfei2 2013-09-23
- 打赏
- 举报
不是这个意思，我要test2,在第一个div中，就是最外层的div居中对齐[/quote]
那就把 div2 width:100%;
<div id="div2" style="text-align: center;width:100%">test2</div>
乌哩码嗏 2013-09-23
- 打赏
- 举报
#div2{
text-align:center;
}
yuji821 2013-09-23
- 打赏
- 举报
不是这个意思，我要test2,在第一个div中，就是最外层的div居中对齐
似梦飞花 2013-09-23
- 打赏
- 举报
text-align:center
起个什么名字啊 2013-09-23
- 打赏
- 举报
还可以加个link-height：行高
可以水平垂直居中
可以水平垂直居中
fzfei2 2013-09-22
- 打赏
- 举报
<div id="div2" style="text-align: center;">test2</div>
