首页 > 代码库 > CSS 垂直居中
CSS 垂直居中
垂直居中：单行的行内元素解决方案
居中元素：单行的行内元素，即inline或者inline-*类型元素，如文字、链接等
解决方案：将该行内元素的height、inline-height设置为其父元素的高度
HTML
<div id="container">
<a href="#">hello,gbtags.comhello,gbtags.comhello,gbtags.com</a>
</div>
<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;
}
background: #222;
height: 200px;
}
a {
/*height: 200px;*/
line-height: 200px;
color: #fff;
}
CSS 垂直居中
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。