:::
tad - XOOPS小秘方 | 2011-04-04 | 點閱數: 20583
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,這樣就不用擔心被圖稱破版面了。

:::

搜尋

QR Code 區塊

https%3A%2F%2Fwww.tad0616.net%2Fmodules%2Ftadnews%2Findex.php%3Fnsn%3D189

線上使用者

41人線上 (4人在瀏覽最新消息)

會員: 0

訪客: 41

更多…