Question

DIV设置text-align居中了 里面包含的DIV为何还不居中

问题出现在火狐和GOOGLE浏览器中

<div style="border-top:0px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3;text-align:center; ">
<div style="width:300px; background-color:#f8f8f8; height:24px; text-align:left; padding-top:6px;"><span ><img src="/images/images_home/dot_sanjiao.gif" />最新公告资讯</span></div>
</div>

我是要让background-color:#f8f8f8的这个灰色块居中在上面的DIV范围内显示。但是在火狐中都是靠左显示。

Answer 1

里面在加个 margin:0 auto; 这个属性就行了

<div style="width:300px; background-color:#f8f8f8; height:24px; text-align:left; padding-top:6px; margin:0 auto;"><span ><img src="/images/images_home/dot_sanjiao.gif" />最新公告资讯</span></div>