在某個案子中,客戶反映某些使用者的瀏覽器(IE7)在瀏覽特定頁面時,會出現破表的問題。此部分為後端透過 FCKeditor 上稿,因此觀察了一下上稿的 html code,是這樣子的:
<p style="text-align: center"><img alt="" width="630" height="271" src="圖片位置" /><img alt="" width="630" height="828" src="圖片位置" /><img alt="" width="650" height="488" src="圖片位置" /></p>
這段語法被插入到一個表格中。而 IE8 或 Google Chrome 中瀏覽正常,圖片是垂直排列,但在 IE7 中圖片的排列會以水平橫向排列。
請求 Google 大神,找到了這篇,如該文說明,將
style="table-layout:fixed;word-wrap:break-word;word-break;break-all;"
加至表格即可解決此問題。