Jan 27

margin:0 auto;和 text-align:center; 不指定

admin , 02:02 , 默认分类 , 评论(0) , 引用(0) , 阅读(79) , Via 本站原创 | |

<div style="width:800px;background:#ddd;text-align:center">
         <p>width:800px;background:#ddd;<b>text-align:center</b></p>
          <div style="margin:0 auto;width:400px;background:#d5d"><b>margin:0 auto;</b>width:400px;background:#d5d</div>
          <div style="width:400px;background:#fdd">width:400px;background:#fdd</div>
          <span>258</span>
     </div>
       <div style="width:800px;background:#bbb;text-align:left">
        <p>width:800px;background:#ddd;text-align:left</p>
          <div style="margin:0 auto;width:400px;background:#d5d">width:800px;background:#ddd;text-align:left</div>
          <div style="width:400px;background:#fdd">width:400px;background:#fdd</div>
          <span style="margin:0 auto;">span:margin:0 auto;</span>
     </div>

IE6跟火狐的区别,IE的text-align:center能使其包含的块状元素和行内元素以及文本内容居中.
而在火狐下面text-align:center只能使其包含的行内元素和文本内容居中.
margin:0 auto能使块状元素居中,但不能使行内元素居中,这个在火狐和IE6下都是一样的.对于IE6以前版本的浏览器需要配合其父元素的text-align:center才能居中.
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]