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

首頁 > 編程 > HTML > 正文

關于html水平垂直居中的問題小結

2019-10-26 17:17:59
字體：大 中 小
來源：轉載
供稿：網友

最近遇到很多居中的問題，就花點時間總結了一下放在這里，以后找也方便

1.居中文本

復制代碼
代碼如下:
<div class="wrap">
我在中間……
</div>
.. height+line-height+text-center（只能居中單行）
.wrap{
width:px;
height:px;
border:px solid red;
text-align: center;
line-height: px;
}

ps:text-align:center只是將元素下面的內聯元素居中顯示
1.2display:table-cell(多行固定高度居中)

復制代碼
代碼如下:
.wrap{
width:px;
height:px;
border:px solid red;
text-align: center;
display:table-cell;
vertical-align: middle;
}

display:table-cell：ie67不管用,最好配合display:table;一起用
ie67下：（以后也不用了，不過也放這兒吧）
方法一：（通過em標簽高度與父級等高，所以span和em居中就相當于span在父級居中）
 
復制代碼
代碼如下:
<div class="wrap">
<span>
我在中間…… 我在中間…… 我在中間…… 我在中間……
</span>
<em></em>
</div>
.wrap{
width:px;
height:px;
border:px solid red;
text-align: center;
}
.wrap span{
vertical-align: middle;
display:inline-block;
width:px;
}
.wrap em{
height:%;
vertical-align: middle;
display:inline-block;
}

方法二：（通過給子元素增加一個絕對定位的父級標簽，再配合子元素的相對定位水平垂直居中）
 

復制代碼
代碼如下:
<div class="wrap">
<span class="span">
<span class="span">我在中間…… 我在中間…… 我在中間…… 我在中間……</span>
</span>
</div>
.wrap{
width:px;
height:px;
border:px solid red;
display:table;
position:relative;
overflow: hidden;
}
.wrap .span{
display:table-cell;
vertical-align: middle;
text-align: center;
*position:absolute;
top:%;
left:%;
}
.wrap .span{
*position:relative;
top:-%;
left:-%;
}

1.3padding（內填充，不用多說）

復制代碼
代碼如下:
.wrap{
width:px;
border:px solid red;
padding:px ;
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
中文字幕久热精品视频在线| 中文字幕久热精品视频在线| 国产精品久久久精品| 欧美成人午夜激情在线| 免费不卡在线观看av| 亚洲精品国产精品久久清纯直播| 亚洲精品一区二区三区不| 亚洲福利影片在线| 久久久亚洲影院你懂的| 高清亚洲成在人网站天堂| 国产精品美女视频网站| 91亚洲国产成人精品性色| 日韩精品福利网站| 国产美女91呻吟求| 国产精品xxx视频| 91久久夜色精品国产网站| 国产精品一区二区三区在线播放| 在线播放亚洲激情| 亚洲国产精品视频在线观看| 97久久精品视频| 在线日韩日本国产亚洲| 久久视频在线直播| 亚洲一区二区中文字幕| 一区二区三区视频观看| 欧美日韩国产精品一区二区不卡中文| 国产亚洲精品va在线观看| 久久精品亚洲94久久精品| 精品久久久久久亚洲精品| 国产精品久久久久久久久久小说| 青青草原成人在线视频| 韩国v欧美v日本v亚洲| 欧美电影电视剧在线观看| 亚洲成人av片| 一区二区中文字幕| 91久久精品国产91久久| 欧洲亚洲免费视频| 日韩激情av在线免费观看| 亚洲国产精品系列| 亚洲欧美一区二区激情| 欧美精品videossex性护士| 国产a∨精品一区二区三区不卡| 成人午夜高潮视频| 亚洲一区二区三区乱码aⅴ| 亚洲精品久久久久久久久久久| 欧美老少配视频| 久久精品国产99国产精品澳门| 亚洲aaaaaa| 亚洲午夜女主播在线直播| 日韩亚洲精品电影| 久久伊人精品一区二区三区| 亚洲第一av在线| 成人久久久久爱| 国产精品无码专区在线观看| 亚洲视频一区二区| 国产69久久精品成人看| 欧美成人午夜剧场免费观看| 国产精品女人久久久久久| 色悠久久久久综合先锋影音下载| 久久影视电视剧凤归四时歌| 国产最新精品视频| 日韩黄在线观看| 日韩免费在线电影| 日韩美女视频在线观看| 福利微拍一区二区| 午夜精品一区二区三区在线视频| 亚洲女人天堂成人av在线| 精品国产91久久久| 成人春色激情网| 国产日韩欧美夫妻视频在线观看| 超碰日本道色综合久久综合| 国产日韩精品在线播放| 日韩久久午夜影院| 欧美日韩性生活视频| 久久天天躁狠狠躁夜夜躁| 亚洲成人动漫在线播放| 91精品久久久久久久久青青| 欧美丰满片xxx777| 最近2019中文免费高清视频观看www99| 91精品国产综合久久久久久蜜臀| 亚洲国产三级网| 久久久久中文字幕| 欧美又大又硬又粗bbbbb| 久久精品国产成人精品| 在线日韩欧美视频| 亚洲精品影视在线观看| 在线观看久久久久久| 亚洲japanese制服美女| 久久99热精品| 久久免费精品日本久久中文字幕| 国产亚洲视频在线观看| 久久免费成人精品视频| 国产精品1234| 欧美国产第一页| 成人免费看黄网站| 精品久久久久久久久久久久久久| 国产一区二区丝袜高跟鞋图片| 国产福利成人在线| 91大神在线播放精品| 精品亚洲国产视频| 精品成人乱色一区二区| 不卡毛片在线看| 久久久久久com| 亚洲亚裔videos黑人hd| 中文字幕亚洲精品| 国产日韩中文在线| 久久久av亚洲男天堂| 97视频免费看| 日韩精品小视频| 欧美国产日韩xxxxx| 国产日韩精品在线播放| 亚洲精品中文字幕av| 亚洲成人a**站| 日韩av高清不卡| 久久亚洲春色中文字幕| 国产成人福利视频| 亚洲aa中文字幕| 最新国产成人av网站网址麻豆| 成人中文字幕+乱码+中文字幕| 国产精品嫩草影院一区二区| 亚洲精品成人久久电影| 日本精品久久中文字幕佐佐木| 午夜精品久久久久久久99热浪潮| 亚洲aa在线观看| 一区二区在线视频播放| 久久精品电影网| 久久精品视频在线观看| 久久久久国产精品免费| 精品国模在线视频| 国语自产精品视频在线看抢先版图片| 精品久久久久久久久久久| 91国语精品自产拍在线观看性色| 欧美在线视频免费播放| 日韩毛片在线看| 亚洲国产成人精品久久| 精品国产91久久久久久| 日韩女优人人人人射在线视频| 久久久亚洲福利精品午夜| 亚洲黄色成人网| 日本伊人精品一区二区三区介绍| 丝袜情趣国产精品| 国产精品十八以下禁看| 亚洲欧美综合另类中字| 成人免费淫片aa视频免费| 国产欧美精品日韩精品| 久久久国产影院| 欧美日韩中文字幕在线| 97视频在线观看视频免费视频| www.欧美免费| 欧美日韩国产一区二区三区| 久久久精品视频成人| 综合av色偷偷网| 57pao国产成人免费| 一区二区在线免费视频| 色综合久久久久久中文网| 清纯唯美亚洲综合| 久久久久久久爱| 亚洲天堂免费视频| 亚洲国产欧美一区二区丝袜黑人| 少妇精69xxtheporn| 自拍视频国产精品| 日韩精品在线视频观看| 九九久久久久99精品| 国产精品一区二区久久国产| 中日韩美女免费视频网址在线观看|