欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线

css javascript圖片自動同比例縮小并且實現垂直居中_DIV+CSS實例

編輯Tag賺U幣
教程Tag:暫無Tag,歡迎添加,賺取U幣!
  
  圖片自動等比例縮小,其實假如不考慮ie6的話,用css就可以實現,設定img的max-width和max-height,而<img>標簽內不設定widht和height即可。

  ie7已經支持max-width和max-height,這是為數不多的好消息之一。 但是對于ie6及以前的版本,就只能用js來設置了。

  在 ff 2.0/ ie6 / ie7 中測試通過。 opera 8.5 cn 垂直居中未通過,正在研究[貌似opera下假如只有圖片行高會失效……]。希望大家來測試。

示例代碼 [m.ghpqjb.com]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>圖片自動等比例縮小且垂直居中</title>
<!--[if lte IE 6]>
<script type="text/javascript" language="javascript">
function imgFix() {
//定義要限制的圖片寬高,這個寬高要同style里面定義的相同,小于限定高寬的圖片不操作
var widthRestriction = 200;
var heightRestriction = 200;
var allElements = document.getElementsByTagName('*')
for (var i = 0; i < allElements.length; i )
{
if (allElements[i].className.indexOf('imgBox') >= 0)
{
var imgElements = allElements[i].getElementsByTagName('img');
for (var j=0; j < imgElements.length; j )
{
if ( imgElements[j].width > widthRestriction || imgElements[j].height > heightRestriction )
{
if ( imgElements[j].width > imgElements[j].height)
{
imgElements[j].height = imgElements[j].height*(widthRestriction/imgElements[j].width);
imgElements[j].width = widthRestriction;
} else
{
imgElements[j].width = imgElements[j].width*(heightRestriction/imgElements[j].height);
imgElements[j].height = heightRestriction;
}
}
if ( imgElements[j].height < heightRestriction )
{
imgElements[j].style.paddingTop = ( heightRestriction -imgElements[j].height ) /2 "px";
}
} /*for j*/
}
}/*for i*/
}
window.onload = imgFix;
</script>
<![endif]-->
<style type="text/css">
<!--
* {
margin:0;
padding:0;
}
.imgBox li {
list-style:none;
width:200px; /* 寬度 */
height:200px; /* 高度 */
background:#ccc;
border:1px solid #666;
text-align:center;
margin:5px;
line-height:200px;
}
.imgBox img {
max-width:200px; /* 寬度 */
max-height:200px; /* 高度 */
vertical-align:middle;
}
-->
</style>
</head>

<body>
<ul class="imgBox">
<li><img src="......" alt="img" /></li>
<li><img src="......" alt="img" /></li>
<li><img src="......" alt="img" /></li>
<li><img src="......" alt="img" /></li>
</ul>
</body>
</html>

來源:無憂整理//所屬分類:DIV+CSS實例/更新時間:2007-10-30
相關DIV+CSS實例
麻豆成人久久精品二区三区小说| 欧美 日韩 国产 成人 在线 91| 国产影视一区| 中文一区二区在线观看| 色噜噜狠狠狠综合曰曰曰88av | 黄色片网站免费| 欧美一级在线| 粉嫩av一区二区三区粉嫩| 日韩电影中文字幕| 亚洲精品中字| 黄色小视频在线免费看| 久久99国产成人小视频| 亚洲欧洲av色图| 欧美一级免费看| 亚洲美女性囗交| 免费国产黄色片| 久久精品国产精品亚洲综合| 欧美成人女星排名| 三区精品视频观看| 久草网在线观看| 青青草国产成人a∨下载安卓| 亚洲乱码中文字幕| 国产不卡av在线| 日韩av成人网| 黑人一区二区三区| 99久久777色| 毛片精品免费在线观看| 少妇高清精品毛片在线视频| 国产手机av在线| 日韩专区一卡二卡| 亚洲国产日韩欧美在线99| 国产精品波多野结衣| 成人亚洲免费| 久久国产精品成人免费观看的软件| 亚洲女厕所小便bbb| 4388成人网| 日韩不卡的av| 日本黄色一区| 2欧美一区二区三区在线观看视频| 久久精品国产免费观看| 国产精品动漫网站| 国产综合视频在线| 国产成人免费在线观看不卡| 中文字幕日韩专区| 欧美xxxxx在线视频| 免费a视频在线观看| 国产一区二区精品久久| 影音先锋欧美精品| 99999精品视频| 凸凹人妻人人澡人人添| 懂色av噜噜一区二区三区av | a v视频在线观看| 欧美福利在线| 91麻豆精品国产自产在线观看一区| 欧美精品一区在线发布| 亚洲伊人成人网| 亚洲精品三级| 精品成人一区二区三区四区| 国产人妻人伦精品| 成人1区2区3区| 国产传媒欧美日韩成人| 伦理中文字幕亚洲| 亚洲欧美激情一区二区三区| 国产一区二区久久久久| 亚洲激情图片qvod| 91免费在线观看网站| 真实国产乱子伦对白在线| 欧美一区二区三区另类| 91精品国产色综合久久久蜜香臀| 偷拍盗摄高潮叫床对白清晰| 国产特级黄色片| 国产成人激情av| 欧美精品电影在线| 男男做爰猛烈叫床爽爽小说| 亚洲专区视频| 欧美性受xxxx| 天天爱天天做天天操| 99国产精品欲| 白白色亚洲国产精品| 97人人模人人爽人人喊中文字 | 国产精品极品国产中出| 亚洲国产精品一区二区久久恐怖片 | 亚洲色图校园春色| 婷婷六月天在线| 国产精品亚洲欧美一级在线 | 欧美综合亚洲图片综合区| 日本日本精品二区免费| 在线观看免费视频一区| 国产精品一区二区你懂的| 九九久久久久久久久激情| 韩国三级hd两男一女| 亚洲黄页在线观看| 欧美午夜精品一区| 狠狠干视频网站| 中文日产幕无线码一区二区| 国产日韩欧美电影| 成人网在线观看| 日本三级视频在线| 毛片av一区二区| 欧美另类极品videosbest最新版本| 精品人妻在线视频| 精品国产一区二区三区久久久樱花| 欧美日本一区二区三区| 亚洲国产精品无码观看久久| 欧洲精品一区二区三区| 亚洲精品国产一区二区三区四区在线| 精品亚洲欧美日韩| 国产精品久久久久久久久毛片 | 另类小说第一页| 欧美电影院免费观看| 欧美日韩国产精品专区| 杨幂一区欧美专区| 少妇精品高潮欲妇又嫩中文字幕| 国产精品素人一区二区| 国产精品免费一区二区三区观看| 做爰视频毛片视频| www.亚洲精品| av观看久久| 在线观看免费中文字幕| 2021国产精品久久精品| 91九色在线观看| 亚洲国产无线乱码在线观看 | 日本新janpanese乱熟| 一区二区三区在线资源| 91福利国产成人精品照片| 少妇人妻无码专区视频| 国产精品高清一区二区| 91成人国产精品| 国产原创中文在线观看| 日韩在线观看中文字幕| 欧美日韩mp4| 国产理论在线播放| 欧美极品在线观看| 亚洲国产女人aaa毛片在线| 韩国三级丰满少妇高潮| 久久裸体网站| 亚洲一级片在线看| 爱爱免费小视频| 国产一区白浆| 国内揄拍国内精品少妇国语| 波多野结衣亚洲一区二区| 久久精品国产**网站演员| 国产mv免费观看入口亚洲| 午夜精品三级久久久有码| 成人av在线观| 国产综合 伊人色| 好吊色一区二区| 亚洲影院久久精品| 国产91沈先生在线播放| 日韩一区网站| 欧美www视频| 欧美一级大片免费看| 欧美午夜不卡影院在线观看完整版免费| 精品激情国产视频| 日韩激情小视频| 国产一区二区看久久| 亚洲一区中文字幕| 国产夫妻性生活视频| 亚洲免费观看高清| 69精品丰满人妻无码视频a片| 国产95亚洲| 日韩一区和二区| 成年人性生活视频| 在线成人h网| 欧美一级高清免费| 国语对白做受69按摩| 国产精品美女久久久久aⅴ| 曰韩不卡视频| 欧美影院在线| 亚洲第一色中文字幕| 亚洲欧美在线不卡| 日韩国产成人精品| 成人性生交xxxxx网站| 国产乱淫a∨片免费观看| 一区二区激情视频| 国产在线精品91| 精品国产精品国产偷麻豆| 色悠悠久久久久| 久草视频在线免费看| 99久久er热在这里只有精品15| 久久精品人人做人人爽电影| 免费日韩电影| 欧美高清视频在线高清观看mv色露露十八 | 国产精品久久久久天堂| 亚洲一区 在线播放| 久久夜色电影| 亚洲午夜av电影| 亚洲精品卡一卡二| 91美女视频网站| 亚洲欧美丝袜| 中文字幕一区图| 亚洲少妇激情视频| 久久久精品视频免费观看| 99国产精品99久久久久久| 亚洲女人毛片| 红杏aⅴ成人免费视频| 亚洲人高潮女人毛茸茸| 日韩高清dvd碟片| 久久久天堂av| 日本a级片在线观看| 香蕉久久夜色精品国产更新时间 | 国产91久久精品一区二区| 日韩视频在线一区| 日本一级黄色大片| 国产精品不卡一区二区三区| 国产欧美日韩小视频| 色综合咪咪久久网| 97精品一区二区三区| 911美女片黄在线观看游戏| 欧美日韩国产专区| 在线观看网站黄| 日本三级亚洲精品| 国产精品v欧美精品v日韩精品| jvid一区二区三区| 日韩激情在线视频| www.超碰在线观看| 亚洲国产精品成人综合色在线婷婷| 欧美激情亚洲天堂| 欧美xxav| 国产精品v片在线观看不卡| 欧美自拍偷拍一区二区| 欧美电影影音先锋| 色一情一交一乱一区二区三区| 国产91精品入口| 一区国产精品| 日韩大片在线| 日本欧美中文字幕| 天天干天天爱天天操| 日韩视频中午一区| 成人一级黄色大片| 中文字幕精品在线不卡| 精品视频无码一区二区三区| av成人天堂| 国产一区二区视频在线免费观看| 精品久久免费| xxxx性欧美| 中文在线观看av| 在线免费观看不卡av| 在线免费观看污视频| 成人免费视频国产在线观看| 免费看av软件| 亚洲激情久久| 91久久久久久久| 国产一区二区| 欧美另类高清videos| jizz国产视频| 日韩欧美国产一区二区在线播放 | 最新av网址在线观看| 国产高清一区| 91精品久久久久久久久| www一区二区三区| 久久视频这里只有精品| 亚洲视频一区在线播放| 欧美日韩久久一区| 亚洲精品视频网址| 国产精品久久久久一区二区三区共| 中文字幕永久视频| 激情文学综合插| 免费国产成人看片在线| 欧美91视频| 国产不卡一区二区在线观看 | 日本天堂网在线观看| 亚洲午夜在线视频| 国产xxxx视频| 久久亚区不卡日本| 亚洲乱码国产一区三区| 开心九九激情九九欧美日韩精美视频电影| 日韩欧美视频一区二区| 天天影视欧美综合在线观看| 亚洲a成v人在线观看| 一区中文字幕电影| 性日韩欧美在线视频| 三级成人黄色影院| 色婷婷av一区二区三区在线观看| 国产欧美一级片| 亚洲国产私拍精品国模在线观看| 国产尤物在线视频| 欧美美女bb生活片| 国产一级大片在线观看| 欧美性猛交xxx| 欧美激情 一区| 一区二区视频在线| 青青草成人免费视频| 国产精品美女一区二区在线观看| 午夜福利123| 91碰在线视频| 成人黄色一级大片| 91在线看国产| 久久精品国产露脸对白| 99国产精品国产精品毛片| 黑森林精品导航| 豆国产96在线|亚洲| 国产v亚洲v天堂无码久久久| 激情文学综合丁香| 怡红院av亚洲一区二区三区h| 美女脱光内衣内裤视频久久网站 | 精品一区二区久久| 国产妇女馒头高清泬20p多| 日韩电影在线观看网站| 免费的av在线| 青娱乐精品视频在线| 黄色成人在线免费观看| 日韩国产精品大片| 18禁裸男晨勃露j毛免费观看| 久久一区精品| 国产片侵犯亲女视频播放| 日本美女一区二区三区视频| 隔壁人妻偷人bd中字| 麻豆freexxxx性91精品| 国产午夜大地久久| 国产酒店精品激情| av无码精品一区二区三区| 成人激情午夜影院| 激情成人在线观看| 国产精品三级久久久久三级| 亚洲av成人精品一区二区三区| 中文字幕制服丝袜一区二区三区 | 中文字幕一区二区三区精华液| 无码人妻精品一区二区三| 中文字幕乱码亚洲精品一区| 久久一区二区电影| 亚洲国产cao| 国产波霸爆乳一区二区| 欧美日韩在线免费视频| 天堂а√在线中文在线新版 | 亚洲性猛交富婆| 精品亚洲永久免费精品| a天堂在线视频| 久久影院模特热| 日韩成人综合网| 国产精品丝袜高跟| 国产欧美一区二区三区精品观看 | 三级电影在线看| 亚洲一区二区五区| 久久久久久久久毛片| 51精品国自产在线| 一区二区三区亚洲视频| 在线视频日本亚洲性| 欧美美女日韩| 26uuu国产精品视频| 麻豆国产欧美一区二区三区r| 亚洲伊人第一页| 欧美1区3d| 国产 欧美 日韩 一区| 国产69精品久久久久毛片| 日本人dh亚洲人ⅹxx| 一区二区三区毛片| 国产亚洲精品码| 精品国产区一区| 天天操天天操天天操| 亚洲91精品在线| 美女主播精品视频一二三四| 国产日本一区二区三区| 激情欧美一区二区三区| 成人在线免费观看视频网站| 国产成人av一区二区三区在线观看| 17c国产在线| 一区二区三区四区五区视频在线观看 | 国产黄在线免费观看| 欧美一级欧美一级在线播放| 国产乱色精品成人免费视频| 色在人av网站天堂精品| 18国产精品| 久久国产精品免费一区| 视频一区欧美日韩| 天天干天天av| 亚洲永久精品国产| 91视频免费网址| 在线播放日韩专区| 深夜福利亚洲| 国产高清自拍一区| 校园激情久久| 污视频网站观看| 一区二区三区日韩精品视频| 国产成人无码精品亚洲| 国产亚洲精品美女| 国产精品1区| 国产欧美精品一区二区三区| 美女精品在线| 国产三级生活片| 亚洲国产精品久久久久秋霞影院| 日韩黄色三级视频| 伊是香蕉大人久久| 日韩在线成人| 欧洲精品一区色| 国产精品亚洲专一区二区三区 | 奇米影视一区二区三区| 中文字幕在线观看日 | 亚洲欧美色图视频| 欧美日韩aaa| 色窝窝无码一区二区三区| 国产精品美女呻吟| 伊人精品视频| 中文字幕永久视频| 亚洲成人综合网站| 在线观看免费观看在线| 韩国一区二区电影| 亚洲91精品| 国产极品美女高潮无套久久久| 亚洲欧美日韩在线不卡|