2011-07-14 20 views
0

我有這段代碼,並嘗試了一些東西,但沒有想要在IE7中心?一切正常用鉻和FF中心標記不集中在IE7

<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> 

兩個跨度標籤沒有對齊的CSS

設置什麼我做錯了嗎? 謝謝

回答

2

不要使用中心標籤,它已被棄用。改用CSS。你可以這樣做:

<td style="text-align:center">data</td> 

你忘了在你的標籤裏添加標籤了。如果你想學習表的解剖去這裏http://w3schools.com/html/html_tables.asp

<tr> 
    <td style="text-align:center"> 
     <span class='spn_big_lightblue_rbc'>RAINBOW</span> 
    </td> 
    <td style="text-align:center"> 
     <span class='spn_big_black_rbc'>CODE</span> 
    </td> 
</tr> 
<tr> 
    <td style="text-align:center" colspan="2"> 
     <span class='spn_med_yellow_rbc' style="margin-left:auto;margin-right:auto;">THANK YOU,YOUR FORM HAS BEEN SUBMITTED</span> 
    </td> 
</tr> 

另外,不要使用表格來佈局。表格用於表格數據,用CSS代替。

+0

margin:auto;是塊元素。要跨越中心,您必須應用文本對齊:center;給其父母。 – MatTheCat

+0

我不怕以上的工作???我不躊躇嗎? <跨度類= 'spn_big_lightblue_rbc'> RAINBOW<跨度類= 'spn_big_black_rbc'> CODE

謝謝您,您表已提交 請幫助?謝謝 –

+0

@Helloise - 它應該現在工作。嘗試我的修訂。 – dpp

1

我可能是錯的,但我認爲你不能在<tr>內使用<center>

相反,使用align屬性爲tr,或使用CSS來居中

<tr align="center"> 
    <td>text</td> 
</tr> 

<tr style="text-align: center;> 
    <td>text</td> 
</tr> 
0

當他的一些子女使用「浮動」屬性時,標記不居中。 祝你好運!