用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的margin邊界疊加深度剖析圖文演示...2007-09-09
純CSS生成抗鋸齒圓角的代碼...2007-08-08
ie中多id的調(diào)用方法...2007-03-03
使用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
CSS錦囊...2007-02-02
純css實(shí)現(xiàn)的圓角邊框效果代碼2008-04-04
今天剛看到ChinaUI.com新改版的網(wǎng)站，覺(jué)得優(yōu)艾網(wǎng)是越來(lái)越漂亮了，這次的變化的確是挺大的。一早大概的看了一下就關(guān)了，后來(lái)晚上又打開(kāi)看時(shí)發(fā)現(xiàn)個(gè)問(wèn)題。2008-06-06
CSS中常用的單位...2007-01-01
2008-01-01