欧美三区四区_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下假如只有圖片行高會失效……]。希望大家來測試。

示例代碼 [www.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免费综合在线| 中文字幕一区二区三区在线视频 | 另类调教123区| 国产日产欧美一区二区三区 | 国模精品视频一区二区| 国产伦视频一区二区三区| 日韩视频一二三| 欧美黄色一级片视频| 性久久久久久久久久| www.av免费| 性欧美videos另类hd| 国产精品zjzjzj在线观看| 国产成人av一区| 婷婷亚洲久悠悠色悠在线播放| 亚洲黄色免费三级| 久久久久网址| 污片在线免费看| 成人在线观看免费完整| 538任你躁精品视频网免费| 中文日韩欧美| 色成年激情久久综合| 久久激情视频久久| 成人免费观看网站| 女同性恋一区二区| 国产精品成人69xxx免费视频| 亚洲欧美在线人成swag| 国产一区视频网站| 国产精品久久久久久久久免费樱桃 | 不卡一区二区在线观看| 国产精品成人国产| 红桃视频国产精品| 国产精品久久久久一区| 色综合久久中文字幕综合网小说| 精品午夜一区二区| 日日干日日操日日射| 亚洲s码欧洲m码国产av| 欧美黑人粗大| 国产精品538一区二区在线| 亚洲精品国产福利| 自拍偷拍一区二区三区| 韩国无码一区二区三区精品| 国产国产一区| 99re热视频精品| 日韩中文字幕在线看| 久久草.com| 日韩欧美123区| 成人羞羞网站| 91视频在线看| 中文综合在线观看| 国产日韩欧美二区| 天天久久综合网| 亚洲av成人无码网天堂| 国产一在线精品一区在线观看| 色哟哟国产精品| 国模精品视频一区二区| 国产九九热视频| 精品人妻一区二区三区潮喷在线| 动漫3d精品一区二区三区乱码| 国产精品乱码久久久久久| 91精品国产91久久久久| 亚洲精品免费一区亚洲精品免费精品一区 | 欧美一区二区三区在线电影| 欧美日韩一区二区视频在线观看| 免费人成视频在线| 99视频有精品高清视频| ww亚洲ww在线观看国产| 久久精品国产欧美亚洲人人爽| 毛片一区二区三区四区| 天天操天天插天天射| 国产精品一区二区三区乱码| 在线观看91视频| 国产精品手机在线| 久久久久久久久97| 久久三级中文| 国产精品国产自产拍高清av| 人体精品一二三区| 99久久人妻无码中文字幕系列| 亚洲春色一区二区三区| 亚洲激情网站| 欧美不卡一区二区三区四区| 午夜探花在线观看| 国产精品视频久久久久久| 国产精品porn| 日韩视频在线观看一区二区| 国产精品美乳在线观看| 亚洲国产精品毛片av不卡在线| 狠狠躁夜夜躁av无码中文幕| 成人午夜短视频| 亚洲国产天堂网精品网站| 日韩精品福利片午夜免费观看| 国产美女裸体无遮挡免费视频| 精品一区二区三区免费观看| 精品国产一区二区三区久久狼5月| 簧片在线免费看| 99久久伊人| 久久久久国产精品人| 欧美在线亚洲一区| 欧美激情aaa| 精品国精品国产自在久国产应用| 亚洲人一二三区| 成人妇女免费播放久久久| 成人性生活免费看| 亚欧日韩另类中文欧美| 国产精品网站在线| 奇米一区二区三区四区久久| 亚洲精品国产精品国自产网站| 久久一级电影| 激情亚洲一区二区三区四区| 国产亚洲欧美另类一区二区三区| 日韩在线视频免费播放| 色琪琪久久se色| 欧美久久久久免费| 国内精品二区| 亚洲 日本 欧美 中文幕| 玖玖精品视频| 日韩在线观看免费| 在线播放第一页| 日韩亚洲国产免费| 久久亚洲综合色| 国产精品久久久久77777| 很污很黄的网站| 欧美电影在线观看完整版| 亚洲成人精品在线观看| 日本午夜精品电影 | 欧美亚洲免费在线一区| 综合视频免费看| 手机看片国产1024| 国产精品成人午夜| 国内外成人免费视频| 中文字幕 欧美激情| 国产99久久久久| 国产成人福利视频| 久久久久久国产精品免费播放| 久久国产福利| 精品久久人人做人人爽| 成人在线免费播放视频| h1515四虎成人| 亚洲一二三四在线| 日韩av一区二区三区在线观看 | 久久久久美女| 亚洲欧美资源在线| 丰满饥渴老女人hd| 亚洲精品一二三**| 亚洲一区二区三区视频在线| 欧美人xxxxx| 丰满人妻一区二区三区四区53 | 丝袜亚洲欧美日韩综合| 久久性爱视频网站| 天天做天天爱天天爽综合网| 一区二区三区欧美视频| 成人综合国产精品| 精品国产一区二区三区四| 国产精品2024| 91精品久久久久久| 天天爱天天做天天爽| av不卡免费电影| 欧美精品性视频| 手机看片福利日韩| 婷婷视频一区二区三区| 亚洲天堂2014| 色之综合天天综合色天天棕色| 刘亦菲毛片一区二区三区| 综合欧美亚洲日本| 亚洲一区二区在线免费观看| 欧美视频xxx| 亚洲色图都市小说| 亚洲国产激情一区二区三区| 中文字幕欧美在线观看| 2欧美一区二区三区在线观看视频| 91免费精品视频| 中文亚洲av片在线观看| 成人动漫中文字幕| 国产日韩av在线播放| 黄色片网站在线免费观看| 成人国产精品视频| 成人羞羞视频免费| 亚洲精品第五页| 亚洲一区二区在线视频| 亚洲大片免费看| 欧美精品欧美精品| 桃子视频成人app| 欧美小视频在线观看| 欧美老熟妇喷水| 暖暖成人免费视频| 一级做a爱片久久| 黄色一级片av| 亚洲一区二区三区在线免费| 日韩美女一区二区三区| www.欧美com| 欧美电影在线观看免费| 日韩精品视频在线观看免费| 国产精品无码一区二区三区免费| 久久久蜜桃一区二区人| 国产精品高潮粉嫩av| 你懂的国产视频| 国产欧美一区二区精品性色超碰| 亚洲精品9999| 国产精品久久久久久久久久久久久久久| 欧美日韩视频第一区| 91制片厂毛片| 欧美黄免费看| 91精品国产综合久久久久久久久久| 99热一区二区| 欧美久久久久| 4438全国成人免费| 婷婷伊人五月天| 国产福利一区二区三区在线视频| 岛国视频一区| 台湾佬成人网| 欧美一区二区三区视频免费 | 99精品国产福利在线观看免费| 97免费在线视频| 无码一区二区三区| 亚洲欧美另类在线| 精品午夜一区二区三区| 免费看av毛片| 欧美日韩三级在线| av电影中文字幕| 日韩中文字幕一区二区三区| 91日本视频在线| 欧洲精品久久一区二区| 欧美网站大全在线观看| 绯色av蜜臀vs少妇| 天堂蜜桃91精品| 92国产精品久久久久首页| 日韩av免费播放| 一个色综合av| 一区二区三区国产免费| 国内一区二区三区| 国产精品久久中文| 人妻妺妺窝人体色www聚色窝| 精品婷婷伊人一区三区三| 国产精品欧美性爱| 蜜桃精品视频在线| 久久精品人成| 亚洲精品一区国产| 伊人精品在线观看| 日产精品久久久久| 亚洲男人的天堂一区二区| 黄色免费视频大全| 久久精品国产99久久| 久久免费视频在线观看| 一本色道久久综合亚洲| 欧美性猛交丰臀xxxxx网站| 日韩欧美中文视频| 卡一卡二国产精品| 欧美成人蜜桃| 国产乱论精品| 免费av一区二区| 伊人网中文字幕| 色欧美日韩亚洲| 四虎精品一区二区| 国产黄人亚洲片| 精品一区二区三区自拍图片区| 青草伊人久久| 久久精品久久久久久国产 免费| 国产又大又粗又爽| 午夜精品久久久久久久99水蜜桃| 日韩欧美中文视频| 国产一区二区三区日韩| 久久波多野结衣| 欧美jizz19性欧美| 久久露脸国产精品| 风流老熟女一区二区三区| 欧美一卡二卡在线| 国产美女福利视频| 亚洲丝袜美腿综合| 国产又黄又猛又粗| 亚洲人成久久| 国产欧美一区二区三区不卡高清| 日韩高清二区| 久久精品成人欧美大片| 一级黄色片在线| 欧美日韩成人激情| www.99热| av成人老司机| 干日本少妇首页| 久久免费黄色| 欧美性xxxx69| 欧洲grand老妇人| 国产精品男人的天堂| 日韩成人一区| 亚洲人成电影在线观看天堂色| www.色国产| 欧美美女网站色| 欧美三级黄色大片| 一卡二卡三卡日韩欧美| 亚洲少妇中文字幕| 99精品视频在线免费观看| 大片在线观看网站免费收看| 韩国久久久久| 就去色蜜桃综合| 国产一区二区三区四区五区传媒| 国产精品美女久久| 中文字幕日本一区| 久久久精品美女| 亚洲av无码乱码国产麻豆| 日韩精品极品视频| 精品成人无码久久久久久| 欧美日韩中文另类| 2021亚洲天堂| 懂色av影视一区二区三区| 亚洲av成人精品一区二区三区| 久久综合九色综合欧美亚洲| 一级特黄性色生活片| 国产精品白丝av| 日本免费一级视频| 精品伊人久久久久7777人| 日韩精品免费一区| 好吊日精品视频| 国产精品乱码一区二区三区| 欧美猛男同性videos| 91在线高清免费观看| 性人久久久久| 7777精品伊久久久大香线蕉语言| 天天干天天爱天天操| 夜夜躁日日躁狠狠久久88av| av综合在线观看| 亚洲午夜小视频| wwwav在线播放| 亚洲精品少妇30p| 久久中文字幕人妻| 午夜精品aaa| 免费在线视频一区二区| 777午夜精品视频在线播放| 销魂美女一区二区| 亚洲免费电影在线观看| 婷婷五月综合激情| 久久人人爽人人爽人人片av高请| 国产精品视频首页| 国产精品一区二区女厕厕| 国产第一亚洲| 欧美在线中文字幕| 婷婷国产精品| 激情小说综合区| 9国产精品视频| 男人添女荫道口图片| 成人美女视频在线看| 无码国产精品久久一区免费| 亚洲麻豆国产自偷在线| 91香蕉视频网| 777午夜精品视频在线播放| 一卡二卡三卡在线| www.欧美精品一二三区| 欧美黄色a视频| 欧美激情第三页| 97久久综合区小说区图片区| 91视频网页| 精品动漫一区| 国产原创中文在线观看| 99久久婷婷国产| 在线观看国产三级| 一本大道久久a久久综合| 国产成人在线一区二区| 疯狂欧洲av久久成人av电影| 成人性生交大片免费观看嘿嘿视频| 欧美www视频在线观看| 亚洲一区二区三区四区中文| 精品一区二区久久久| 一区二区三区国产好的精华液| 亚洲人成人一区二区在线观看 | 亚洲欧美日韩一区二区三区在线观看| 国精品人伦一区二区三区蜜桃| 91精品国产综合久久婷婷香蕉| 精品人妻无码一区二区三区蜜桃一| 欧美多人乱p欧美4p久久| 成人精品毛片| 久久久www免费人成黑人精品| 日日摸夜夜添夜夜添亚洲女人| 一道本视频在线观看| 亚洲精品乱码久久久久久黑人| 久久免费黄色网址| 日韩av在线播放资源| 国产精品99| av一区和二区| 美女日韩在线中文字幕| 在线观看av网页| 久久亚洲综合色一区二区三区| 少妇太紧太爽又黄又硬又爽小说| 亚洲精品国产无天堂网2021| 久久久精品国产sm调教| 日韩毛片中文字幕| 久久免费影院| 国产 高清 精品 在线 a| 亚洲综合社区| 欧美激情第3页| 亚洲成人一二三| 人妻中文字幕一区二区三区| 欧美男插女视频| 九九在线高清精品视频| 一区二区在线不卡| 91天堂素人约啪| 波兰性xxxxx极品hd| 精品视频在线播放免| 欧美天堂在线| 精品日产一区2区三区黄免费| 激情综合网av| 丰满少妇一区二区| 日韩欧美国产一二三区| 九九久久国产|