在css中媚眼，可以使用春裝width俗氣和heig迷人ht屬性來快刀斬亂麻改變一個(gè)圖鋪天蓋地片高度和寬勇敢度，只需要急急如律令杯酒釋兵權(quán)給圖片元素蒸蒸日上冰天雪地添加“wi帥氣dth:寬空手套白狼九曲十八彎度值;he看人下菜碟ight:慷慨激昂高度值;”魅力樣式即可。功名成就width乘風(fēng)破浪屬性可設(shè)置溫暖美目元素的寬度安詳，heig靦腆關(guān)切ht屬性可海納百川設(shè)置元素的好心辦壞事高度。內(nèi)容來自懂視網(wǎng)(www.51dongshi.com)，請勿采集！

小編還為您整理了以下內(nèi)容，可能對您也有幫助：

CSS中如何控制圖片大小的方法介紹

一、網(wǎng)頁制作技巧實(shí)例解決：用CSS控制圖片自適應(yīng)大小

圖片自動(dòng)適應(yīng)大小是一個(gè)非常常用的功能，在進(jìn)行制作的時(shí)候?yàn)榱朔乐箞D片撐開容器而對圖片的尺寸進(jìn)行必要的控制，我們可不可以用CSS控制圖片使它自適應(yīng)大小呢？

我們想到了一個(gè)比較簡單的解決方法，雖然不是非常的完美，如果您的要求不是非常高，已經(jīng)可以滿足你的需要了。我們看下面的代碼：

p img {

max-width:600px;

width:600px;

width:expression(document.body.clientWidth>600?"600px":"auto");

overflow:hidden;

}◎ max-width:600px; 在IE7、FF等其他非IE瀏覽器下最大寬度為600px。但在IE6中無效。

◎ width:600px; 在所有瀏覽器中圖片的大小為600px;

◎ 當(dāng)圖片大小大于600px，自動(dòng)縮小為600px。在IE6中有效。

◎ overflow:hidden; 超出的部分隱藏，避免控制圖片大小失敗而引起的撐開變形。

二、有時(shí)候圖片太大，會(huì)破環(huán)網(wǎng)頁整齊的布局。這時(shí)可以用css來強(qiáng)制按比例壓縮圖片的高度或?qū)挾?p>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ū)挾热舫^590px，將會(huì)按比例壓縮成590px，如果不超過則按原大小顯示。