成人精品国产亚洲_chinese人妖_我爱52av好色_用力哦我要喷了h文男男

資訊動態

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

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

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

詳細純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>

資料整理:珠海網站建設網 http://drinkflexwater.com 轉載時請注意標明來源。


二維碼
掃二維碼手機查看該文章
TAG標簽    CSS CSS代碼 CSS樣式
當前網址:http://drinkflexwater.com/webseo/97.html

相關資訊

  • HTML5+CSS3手機網站建設

    2018-07-01

    HTML5+CSS3手機網站建設【珠海手機網站建設免費電話】手機網站建設采用最新的HTML5+CSS···...

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

    2015-01-04

    前言:在做網站的時候,一部分人會遇到上傳的圖片太大了,把網站頁面給撐破了,這樣網站也不美觀了。當然了···...

?
Copyright ? 2007-2024 珠海市網訊互聯信息科技有限公司 drinkflexwater.com 版權所有
粵公網安備44040202000391號 粵ICP備19117377號 網站地圖 站點地圖
在線客服