首頁 >web前端 >css教學 >用css來控制圖片大小顯示的實作方法與代碼_經驗交流

用css來控制圖片大小顯示的實作方法與代碼_經驗交流

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原創
2016-05-16 12:08:171559瀏覽

有時候圖片太大,會破環網頁整齊的版面。這時可以用css來強制按比例壓縮圖片的高度或寬度
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);
}
這樣當圖片的高度或寬度若超過590px,將會按比例壓縮成590px,如果不超過則按原大小顯示。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn