japanesexxxx护士_91精品国产高跟肉丝袜在线_狠色狠狠色狠狠狠色综合久久_三级国产日产

資訊動(dòng)態(tài)

防止圖片撐破頁面的CSS代碼

日期:2015-01-04 作者:管理員 來源:本站

前言:在做網(wǎng)站的時(shí)候,一部分人會(huì)遇到上傳的圖片太大了,把網(wǎng)站頁面給撐破了,這樣網(wǎng)站也不美觀了。當(dāng)然了,上傳到網(wǎng)站的圖片如果能用圖片處理軟件處理下那是最好的,既美觀又節(jié)省空間容量,但是很多人還是不太會(huì)用圖片處理軟件,那么網(wǎng)訊互聯(lián)就教大家用純CSS代碼的方式來防止圖片撐破網(wǎng)站頁面,圖片會(huì)自動(dòng)按比例縮小。

詳細(xì)純css的防止圖片撐破頁面的代碼:

CSS代碼:

<style type="text/css">
.content-width {MARGIN: auto;WIDTH: 600px;}
.content-width img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;}
</style>

插入位置代碼:

<div class="content-width">
  <p><img src="圖片路徑"/></p>
  <p><img src="圖片路徑"/></p>
</div>

資料整理:珠海網(wǎng)站建設(shè)網(wǎng) http://daago.cn 轉(zhuǎn)載時(shí)請(qǐng)注意標(biāo)明來源。


二維碼
掃二維碼手機(jī)查看該文章
TAG標(biāo)簽    CSS CSS代碼 CSS樣式
當(dāng)前網(wǎng)址:http://daago.cn/webseo/97.html

相關(guān)資訊

  • HTML5+CSS3手機(jī)網(wǎng)站建設(shè)

    2018-07-01

    HTML5+CSS3手機(jī)網(wǎng)站建設(shè)【珠海手機(jī)網(wǎng)站建設(shè)免費(fèi)電話】手機(jī)網(wǎng)站建設(shè)采用最新的HTML5+CSS···...

  • 防止圖片撐破頁面的CSS代碼

    2015-01-04

    前言:在做網(wǎng)站的時(shí)候,一部分人會(huì)遇到上傳的圖片太大了,把網(wǎng)站頁面給撐破了,這樣網(wǎng)站也不美觀了。當(dāng)然了···...

?
Copyright ? 2007-2024 珠海市網(wǎng)訊互聯(lián)信息科技有限公司 daago.cn 版權(quán)所有
粵公網(wǎng)安備44040202000391號(hào) 粵ICP備19117377號(hào) 網(wǎng)站地圖 站點(diǎn)地圖
在線客服