[布局] 如何在一固定長(zhǎng)寬的表格內(nèi)，顯示不同尺寸圖片時(shí)讓圖片自動(dòng)等比例縮小

xhy701

如何在一固定長(zhǎng)寬的表格內(nèi)，顯示不同尺寸圖片時(shí)讓圖片自動(dòng)等比例縮小適應(yīng)表格，保持圖片不變形也不讓表格撐開(kāi)！

[ 本帖最后由 HonestQiao 于 2006-6-29 21:11 編輯 ]

HonestQiao

純用表格不好做到吧。

需要結(jié)合DIV或者SPAN層和JavaScript來(lái)做到。

首先，設(shè)置DIV到你的表格為所想顯示的區(qū)域的大小，設(shè)置CSS屬性溢出不顯示，也就是放入的圖片過(guò)大則自動(dòng)裁剪。

然后，使用js檢測(cè)圖片的大小，如果圖片過(guò)大，則根據(jù)顯示區(qū)域的長(zhǎng)寬比自動(dòng)縮小圖片即可。

alinker

原帖由 HonestQiao 于 2006-6-29 21:05 發(fā)表
純用表格不好做到吧。

需要結(jié)合DIV或者SPAN層和JavaScript來(lái)做到。

首先，設(shè)置DIV到你的表格為所想顯示的區(qū)域的大小，設(shè)置CSS屬性溢出不顯示，也就是放入的圖片過(guò)大則自動(dòng)裁剪。

然后，使用js檢測(cè)圖片的 ...

然后也可以用PHP來(lái)操作...呵呵~我較專(zhuān)情于PHP~

wildlily980

把圖片設(shè)為背景圖片也可以考慮一下。比較簡(jiǎn)單。

xuzuning

<td><img src=圖片名 width=100%></td>