【说站】css行内元素的垂直居中
css行内元素的垂直居中
1、单行行内元素居中，只需要将子元素的行高等于高度就可以了。
#container {
height: 400px;
background: pink;
}
#inner{
display: inline-block;
height: 200px;
line-height: 200px;
}2、多行元素，最多的是使用 table-cell 的方式。子元素的表现形式和行内元素类似，子元素不能独占一行。
.container {
width: 200px;
height: 400px;
background: pink;
position: absolute;
display: table;
vertical-align:middle;
}
.inner{
display: table-cell;
vertical-align:middle;
}以上就是css行内元素的垂直居中介绍，希望对大家有所帮助。
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
