網頁CSS的垂直居中需求始終沒有停過，而其困難度也始終沒有讓人輕松過，經過了每位開發先烈的研究后，據說CSS的垂直居中技巧已達到近十種之多，但始終鮮為人知，部分公司甚至將CSS的垂直居中技巧當成面試題，其重要性可見一斑，經過了Amos通靈了一下之后把垂直居中的寫法擴展到了23種，今天就讓Amos帶著大家輕松的了解一下CSS的垂直居中的方式吧。
1、Line-height
適用情景：單行文字垂直居中技巧
這個方式應該是最多人知道的了，常見于單行文字的應用，像是按鈕這一類對象，或者是下拉框、導航此類元素最常見到的方式了。此方式的原理是在于將單行文字的行高設定后，文字會位于行高的垂直中間位置，利用此原理就能輕松達成垂直居中的需求了。
<div class="content">Lorem ipsam.</div>.content{ width: 400px; background: #ccc; line-height:100px; margin: auto;}2、Line-height + inline-block
適用情景：多對象的垂直居中技巧
既然可以使用第一種方式對行元素達成垂直居中的話，當然沒有理由不能做到多行啊~但是你需要將多個元素或多行元素當成一個行元素來看待，所以我們必須要將這些數據多包一層，并將其設定為inline-block，并在該inline-block對象的外層對象使用inline-block來代替height的設置，如此便可以達到垂直居中的目的了，從使你的數據是包含了標題跟內容在內也可以正常的垂直居中了。
<div class="box box2"> <div class="content"> 立馬來看Amos實際完成的 <a href="http://csscoke.com/2015/07/31/nth-child_rwd_album/"> CSS3精美相冊效果 </a> 效果吧！亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb 91九色国产视频| 亚洲国产小视频| 欧美性猛交xxxx免费看| 国产精品18久久久久久麻辣| 亚洲国产精品成人精品| 高清亚洲成在人网站天堂| 国产成人自拍视频在线观看| 日韩美女av在线| 亚洲天堂成人在线视频| 精品日本高清在线播放| 亚洲影院色无极综合| 亚洲黄页网在线观看| 欧美日韩一区二区三区在线免费观看| 久久久国产精品亚洲一区| 美日韩精品免费视频| 精品久久久在线观看| 亚洲一品av免费观看| 欧美一区二区视频97| 亚洲国产高清福利视频| 精品一区二区三区四区在线| 97精品视频在线| 欧美多人乱p欧美4p久久| 日韩精品极品视频| 日本一欧美一欧美一亚洲视频| 国产精品r级在线| 欧美性猛交xxxx免费看| 久久久视频在线| 热99精品只有里视频精品| 日本久久久久亚洲中字幕| 最近中文字幕mv在线一区二区三区四区| 狠狠躁夜夜躁人人爽超碰91| 欧美在线精品免播放器视频| 亚洲全黄一级网站| 国产午夜精品全部视频在线播放| 热门国产精品亚洲第一区在线| 日韩欧美国产中文字幕| 亚洲老板91色精品久久| 青青久久av北条麻妃海外网| 热久久免费国产视频| 亚洲精品成人av| 97视频在线观看亚洲| 中文字幕成人精品久久不卡| 国产在线98福利播放视频| 亚洲美女在线看| 欧美日韩国产丝袜另类| 日韩高清电影免费观看完整| 日韩精品亚洲元码| 欧美性20hd另类| 欧美影院成年免费版| 国产成人精品一区二区三区| 97视频在线观看免费| 日韩暖暖在线视频| 狠狠躁18三区二区一区| 亚洲欧洲在线看| 精品精品国产国产自在线| 精品久久久久久中文字幕一区奶水| 热99在线视频| 精品magnet| 亚洲国产小视频在线观看| 国产精品91视频| 日韩欧中文字幕| 亚洲人在线观看| 日韩视频欧美视频| 国产在线拍揄自揄视频不卡99| 久久韩剧网电视剧| 亚洲大尺度美女在线| 国产成人在线视频| 一区二区在线视频播放| 国产日本欧美一区二区三区| 欧美怡红院视频一区二区三区| 久久天天躁狠狠躁夜夜躁| 亚洲美女视频网| 欧美大尺度电影在线观看| 美日韩精品免费视频| 国产成人精品一区二区三区| 668精品在线视频| 久久久成人精品视频| 久久久久久18| 91国产精品91| 亚洲自拍偷拍视频| 精品国产福利在线| 欧美成人一二三| 亚洲成人网av| 欧美一级淫片aaaaaaa视频| 久久精品国产亚洲一区二区| 亚洲激情中文字幕| 一区二区三区视频免费在线观看| 中文字幕日韩精品有码视频| 精品人伦一区二区三区蜜桃免费| 国产成人久久久| 青青青国产精品一区二区| 国产欧美精品一区二区三区介绍| 久久夜精品va视频免费观看| 国产精品91久久久久久| 亚洲一区第一页| 亚洲图片在线综合| 91久久久久久久久久| 亚洲精品97久久| 久久久噜噜噜久久| 亚洲人成网在线播放| 亚洲日本aⅴ片在线观看香蕉| 国产亚洲成av人片在线观看桃| 欧美午夜无遮挡| 91亚洲精品久久久久久久久久久久| 精品毛片网大全| 亚洲精品在线不卡| www日韩中文字幕在线看| 国产剧情日韩欧美| 国产精品久久久久久久久免费| 国产91精品网站| 丝袜亚洲另类欧美重口| 精品成人69xx.xyz| 欧美日韩国产中文精品字幕自在自线| 欧美国产乱视频| 在线视频欧美日韩| 人体精品一二三区| 伊人一区二区三区久久精品| 欧美日韩裸体免费视频| 亚洲qvod图片区电影| 精品国产鲁一鲁一区二区张丽| www亚洲欧美| 中文字幕精品国产| 亚洲欧美精品一区二区| 日本精品va在线观看| 日韩欧美一区二区三区| 欧美国产日韩精品| 日韩影视在线观看| 欧美性猛交xxxx免费看| 91精品视频播放| 国产日本欧美一区二区三区在线| 亚洲国产精品电影| 亚洲精品少妇网址| 日韩在线激情视频| 日韩精品免费电影| 日韩在线免费视频| 国产精品电影久久久久电影网| 精品福利一区二区| 国产91ⅴ在线精品免费观看| 久久成人在线视频| 国产视频久久久久久久| 亚洲欧美日韩中文在线制服| 成人午夜激情网| 伦理中文字幕亚洲| 大荫蒂欧美视频另类xxxx| 日韩中文字幕精品视频| 国产999精品久久久| 国产亚洲视频在线观看| 色综合伊人色综合网| 草民午夜欧美限制a级福利片| 久久久久久这里只有精品| 国产精品影院在线观看| 北条麻妃一区二区三区中文字幕| 韩国v欧美v日本v亚洲| 91亚洲永久免费精品| 亚洲精品动漫100p| 亚洲精品电影在线| 欧美日韩国产精品| 国产精品青青在线观看爽香蕉| 国产一区视频在线| 久久久久久久久久久人体| 亚洲一级片在线看| 国产suv精品一区二区三区88区| 97香蕉久久夜色精品国产| 国产在线高清精品|