讓評論不破版的方法

在發表評論時，有些網友會上傳一些圖片來加以說明。但這些圖片有時候一不小心就超過了佈景設計的大小，導致整個畫面被撐開，也就是俗稱的破版...這種狀況該如何解決呢？把以下語法加入佈景的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，這樣就不用擔心被圖稱破版面了。