html - 中心标签在 IE7 中不居中

Question

我有这段代码并尝试了一些东西，但没有人想在 IE7 中将它居中？ chrome 和 FF 一切正常

<div id='div_phone_big'></div>
<div id='div_longgray_gradient'>
<form>
   <table class='menu_bar_table' width='100%'>
     <br></br>
     <tr>
     <center>
        <span class='spn_big_lightblue_rbc'>RAINBOW</span><span class='spn_big_black_rbc'>CODE</span>
     </center>
     </tr>
     <br></br>
     <tr>
     <center>
        <span class='spn_med_yellow_rbc' >THANK YOU,YOUR FORM HAS BEEN SUBMITTED</span>
     </center>
     </tr>
</table>
</form>
</div>

这两个 span 标签没有在 CSS 中设置对齐方式

请问我做错了什么？谢谢

Answer 1

你做错的事情:

• 你必须有一个 td每个内部 tr : <tr><td> .. </td></tr> .
• 使用 <center>不好 - 它已被弃用。您应该改为使用 margin: 0 auto , 或 text-align: center用于内联内容。
• 使用表格进行布局:Why not use tables for layout in HTML?
• <br></br>是不正确的。使用 <br />相反:why is <br /> different from <br></br> in XHTML?