:::
tad - XOOPS小秘方 | 2011-04-04 | 點閱數: 17292
image

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

:::

搜尋


線上使用者

23人線上 (2人在瀏覽最新消息)

會員: 0

訪客: 23

更多…