用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)文章
頁(yè)面水平居中一般會(huì)令人很頭疼，尤其新手。瀏覽器之間的不兼容也會(huì)帶來(lái)很大問(wèn)題。本篇文章主要介紹了css布局網(wǎng)頁(yè)水平居中常用方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2007-12-12
提高網(wǎng)頁(yè)的效率 Use YSlow to know why your web Slow
內(nèi)容再豐富的網(wǎng)站，如果慢到無(wú)法訪(fǎng)問(wèn)也是毫無(wú)意義的； SEO做的再好的網(wǎng)站，如果搜索蜘蛛抓不到也是白搭(頁(yè)面效率和搜索蜘蛛之間的關(guān)系，需要進(jìn)一步的確認(rèn)，此為和上篇保持統(tǒng)一)； UE設(shè)計(jì)的再人性化的網(wǎng)站，如果用戶(hù)連看都看不到也是空談。2008-09-09
讓IE ff Opera同時(shí)支持Alpha透明的方法
圖片的透明效果是網(wǎng)頁(yè)中需要用到的一種特殊形式，雖然不是非常的常用，但是遇到這樣的需求往往有點(diǎn)措手不及。2008-09-09![頁(yè)面布局黃金比例[圖片]](http://img.jbzj.com/images/xgimg/bcimg3.png)
2007-12-12
CSS控制文本自動(dòng)換行的問(wèn)題...2007-04-04
通過(guò)CSS Hack 區(qū)分 FF/IE7/IE6/IE5.5/IE5 代碼推薦
通過(guò)CSS Hack 區(qū)分 FF/IE7/IE6/IE5.5/IE5 代碼推薦...2007-01-01
關(guān)于td的height和line-height兼容問(wèn)題
寫(xiě)頁(yè)面的時(shí)候，遇到處理數(shù)據(jù)的時(shí)候還是要用TABLE的，但是有的時(shí)候顯示出來(lái)table, ie和ff的高不同。2008-04-04
動(dòng)態(tài)更改網(wǎng)頁(yè)HTML元素(對(duì)象)內(nèi)容
動(dòng)態(tài)更改網(wǎng)頁(yè)HTML元素(對(duì)象)內(nèi)容...2006-11-11
談?wù)劸W(wǎng)頁(yè)設(shè)計(jì)中的字體應(yīng)用Font Set
最近有不少人都提及了網(wǎng)頁(yè)上該如何選擇字體的問(wèn)題。問(wèn)題雖然小，但是卻是前端開(kāi)發(fā)中的基本，因?yàn)槟壳暗木W(wǎng)頁(yè)，還是以文字信息為主，而字體，作為文字表現(xiàn)形式的最重要參數(shù)之一，自然有著相當(dāng)重要的地位。2008-09-09
css中的行間距的代碼...2007-08-08