當設定了表格單元格td的colspan屬性後,例如<td colspan='3'>,在FF、Opera、IE8/9, 遨遊等浏覽器中,均會智能地把這個td當成三個打通了的格子來對待,但在IE6和IE7中就慘了,IE6和IE7依舊把這個td當成一個格子來對待,td中的内容到了第一個格子的地方就會自動換行了.暈啊.
暫時用了兩個解決辦法:
1.在内容上添加<nobr></nobr>标簽:<td colspan='3'><nobr>這裡放内容</nobr></td>
2.在td上設定width = 'n px':<td colspan='3' style="width: 120px;">這裡放内容</td>
不知道有沒有其它的好辦法.
關于第一種方式,不好的地方在于,即使我設定了td的text-align為center,文字的内容還是靠第一個格子左對齊,而不會在三個格子中間居中,而第二種方式則可以讓内容在三個格子中間居中。
本文轉自韓立偉 51CTO部落格,原文連結:http://blog.51cto.com/hanchaohan/1186448,如需轉載請自行聯系原作者