CSS 垂直置中

標籤：style   blog   color   strong   sp   div   on   log   html   

垂直置中：單行的行內元素解決方案

置中元素：單行的行內元素，即inline或者inline-*類型元素，如文字、連結等

解決方案：將該行內元素的height、inline-height設定為其父元素的高度

HTML

<div id="container">
    <a href="#">hello,gbtags.comhello,gbtags.comhello,gbtags.com</a>
</div>

CSS

#container {
    background: #222;
    height: 200px;
}
a {
    /*height: 200px;*/
    line-height: 200px;
    color: #fff;
}

 

CSS 垂直置中