亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > CSS > 正文

css中不確定高度垂直居中2種方法

2024-07-11 09:00:47
字體：大 中 小
來源：轉載
供稿：網友

 　　例子1

　　不確定高度垂直居中

 代碼如下  

/* center < */
.vetically {
    vertical-align: middle;
    display: table-cell;
    *position: relative;
}
.vetically_C {
    display: block;
    margin: 0 auto;
    text-align: center;
    *position: absolute;
    *top: 50%;
    *left: 50%;
    *margin-top: expression(-(this.height ) / 2);
    *margin-left: expression(-(this.width ) / 2);
}
/* center > */

　　例子2

　　標準瀏覽器的情況還是和上面一樣，不同的是針對IE6/IE7利用在img標簽的前面插入一對空標簽的辦法。

 代碼如下  

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>方法2 - 未知高度的圖片垂直居中</title> 
<style type="text/css"> 
body { 
height:100%; 
} 
#box{ 
width:500px;height:400px; 
display:table-cell; 
text-align:center; 
vertical-align:middle; 
border:1px solid #d3d3d3;background:#fff; 
} 
#box img{ 
border:1px solid #ccc; 
} 
</style> 
<!--[if IE]> 
<style type="text/css">? 
#box i { 
display:inline-block; 
height:100%; 
vertical-align:middle 
} 
#box img { 
vertical-align:middle 
} 
</style> 
<![endif]--> 
</head> 
<body> 
<div id="box"> 
<i></i><img src="images/demo_zl.png" alt="" /> 
</div> 
</body> 
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美亚州一区二区三区| 另类天堂视频在线观看| 日本精品中文字幕| 日韩精品一区二区三区第95| 久久久国产精品视频| 亚洲午夜小视频| 一区二区三区高清国产| 欧美激情视频网站| 国产成人免费91av在线| 在线观看亚洲视频| 国产原创欧美精品| 欧洲成人免费aa| 日韩精品免费观看| 国内精品久久久久久影视8| 久久免费视频网站| 久久中文字幕在线视频| 国产精品电影网| 久久亚洲精品国产亚洲老地址| 久久久久国产视频| 2019中文字幕在线| 久久97精品久久久久久久不卡| 欧美日韩激情小视频| 欧美成年人视频网站欧美| 亚洲网站在线播放| 亚洲视频在线观看视频| 国产视频久久久久久久| 久久91精品国产| 国产成人av在线| 欧美网站在线观看| 亚洲第一区中文99精品| 国产一区二区视频在线观看| 欧美专区日韩视频| 日韩精品中文字| 最近2019年日本中文免费字幕| 亚洲精品美女久久| 97精品国产aⅴ7777| 久久亚洲春色中文字幕| 欧美高跟鞋交xxxxxhd| 日韩中文字幕网址| 国产亚洲精品美女久久久久| 亚洲经典中文字幕| 欧美日本国产在线| 久久久久久久久网站| 久久久久久久999| 成人av电影天堂| 久久久99久久精品女同性| 热久久99这里有精品| 九九热99久久久国产盗摄| 成人在线精品视频| 日韩视频免费在线观看| 欧美在线视频在线播放完整版免费观看| 欧美性猛交xxxx乱大交| 中文字幕久久精品| 色偷偷av一区二区三区乱| 91精品免费看| 亚洲一区二区日本| 亚洲欧美日本精品| 久久久伊人日本| 中文字幕成人精品久久不卡| 精品久久久久久久大神国产| 欧美激情一级精品国产| 九九九久久久久久| 亚洲男人天天操| 97人洗澡人人免费公开视频碰碰碰| 欧美激情国产精品| 欧美成人免费在线视频| 日韩美女视频免费在线观看| 久久精品视频99| 国产成人免费av电影| 国产999精品久久久| 欧美日韩国产123| 57pao精品| 欧美中文在线观看| 国产成人亚洲综合91精品| 精品二区三区线观看| 成人性教育视频在线观看| 欧美成人国产va精品日本一级| 亚洲国产古装精品网站| 国产精品国产福利国产秒拍| 日韩中文字幕第一页| 日韩av在线免费观看| 亚洲欧美一区二区三区久久| 久久久精品免费| 在线播放日韩av| 91社区国产高清| 欧美午夜www高清视频| 另类色图亚洲色图| 欧美大码xxxx| 日韩精品福利网站| 国产精品色婷婷视频| 国产一区av在线| 日韩美女免费观看| 日韩美女免费线视频| 亚洲人成欧美中文字幕| 色综合老司机第九色激情| 中文字幕在线精品| 欧美视频在线观看免费网址| 中文字幕亚洲综合久久筱田步美| 91大神在线播放精品| 91免费人成网站在线观看18| 精品国产视频在线| 国产精品久久久久久久久久久久久久| 久久久亚洲欧洲日产国码aⅴ| 国内精品久久久久影院优| 日本一区二区三区在线播放| 欧美成在线观看| 久久久久久久国产| 精品久久久久久久久久久久久| 成人欧美一区二区三区在线湿哒哒| 在线丨暗呦小u女国产精品| 国产精品96久久久久久又黄又硬| 欧美激情在线观看视频| 久久亚洲电影天堂| 亚洲欧美日韩成人| 97免费在线视频| 欧美午夜视频在线观看| 亚洲人成电影网站| 国产欧美 在线欧美| 亚洲视频一区二区| 69国产精品成人在线播放| 中文在线资源观看视频网站免费不卡| 国产日韩精品在线观看| 中文字幕日韩精品有码视频| 亚洲欧美国产精品久久久久久久| 亚洲一区二区免费在线| 欧美日韩国产成人在线观看| 伊人男人综合视频网| 在线播放国产一区二区三区| 亚洲欧美日韩区| 欧美性猛交xxxx免费看| 北条麻妃在线一区二区| 日产精品久久久一区二区福利| 国产久一一精品| 性欧美xxxx视频在线观看| 国产精自产拍久久久久久蜜| 久久99亚洲热视| 国产免费一区视频观看免费| 欧美精品在线极品| 色777狠狠综合秋免鲁丝| 欧美大片免费观看在线观看网站推荐| 日韩在线观看免费av| 成人黄色片网站| 另类少妇人与禽zozz0性伦| 久久精品国产精品亚洲| 在线视频免费一区二区| 欧美激情在线一区| 日韩av在线看| 欧美不卡视频一区发布| 亚洲三级免费看| 日本成人免费在线| 欧美激情一区二区三区高清视频| 成人在线视频福利| 国产精品日韩在线一区| 精品国产一区二区三区久久久| 欧美丝袜美女中出在线| 国产视频在线一区二区| 亚洲桃花岛网站| 精品久久在线播放| 日韩av在线免播放器| 亚洲国产古装精品网站| 亚洲欧洲一区二区三区在线观看| 九九综合九九综合| 国产亚洲精品久久久优势| 日韩亚洲欧美中文高清在线|