IE7 中表格被連續圖片撐破的解法

Standard

在某個案子中,客戶反映某些使用者的瀏覽器(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;"

加至表格即可解決此問題。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *