在發表評論時,有些網友會上傳一些圖片來加以說明。但這些圖片有時候一不小心就超過了佈景設計的大小,導致整個畫面被撐開,也就是俗稱的破版...這種狀況該如何解決呢?把以下語法加入佈景的CSS檔中即可。
div.comText {
table-layout: fixed;
word-wrap: break-word;
width: 540px;
overflow: hidden;
}
div.comText img {
max-width: 500px;
width:expression(this.width > 500? "500px" : this.width);
overflow:hidden;
}
其中div.comText 裡的540px代表您的評論內容最大寬度,裡面的文字若超過此大小會被強迫換行。
而div.comText img中的500則是指定圖片寬度上限,超過此上限,會強制縮到500px,這樣就不用擔心被圖稱破版面了。