用css來(lái)控制圖片大小顯示的實(shí)現(xiàn)方法與代碼
更新時(shí)間:2007年03月22日 00:00:00 作者:
有時(shí)候圖片太大,會(huì)破環(huán)網(wǎng)頁(yè)整齊的布局。這時(shí)可以用css來(lái)強(qiáng)制按比例壓縮圖片的高度或?qū)挾?
css代碼如下:
img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
max-height:590px;
height:expression(this.height>590?"590px":this.height);
}
這樣當(dāng)圖片的高度或?qū)挾热舫^(guò)590px,將會(huì)按比例壓縮成590px,如果不超過(guò)則按原大小顯示。
css代碼如下:
img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
max-height:590px;
height:expression(this.height>590?"590px":this.height);
}
這樣當(dāng)圖片的高度或?qū)挾热舫^(guò)590px,將會(huì)按比例壓縮成590px,如果不超過(guò)則按原大小顯示。
相關(guān)文章
使用CSS不用程序?qū)崿F(xiàn)文字自動(dòng)截?cái)?用省略號(hào)代替
使用CSS不用程序?qū)崿F(xiàn)文字自動(dòng)截?cái)?用省略號(hào)代替...2007-11-11
td nowrap css nowrap使用說(shuō)明于注意事項(xiàng)
2008-02-02

