<div>中的垂直文本居中
<div>中的垂直文本居中
提问于 2012-06-15 18:00:28
所以我尝试获取两个div-container，它们都应该包含居中文本(x轴和y轴)。
多亏了Google和stackoverflow，我偶然发现了一些使用垂直对齐等的变通方法，但似乎什么都不起作用。
#right-menu {
position: absolute ;
right: 0% ;
top: 0% ;
height: 100% ;
width: 5% ;
text-align: center ;
background: #ededed ;
display: table-cell;
vertical-align: middle ;这里有一个小提琴：
http://jsfiddle.net/7Rgvs/
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-06-15 18:16:35
如果使用垂直对齐:中间，则Vertical-align:middle属性不与position:absolute;一起使用，然后尝试此布局修改的布局http://jsfiddle.net/7Rgvs/5/
Stack Overflow用户
发布于 2012-06-15 18:03:44
基本上，首先必须将父元素定义为CSS中的table，然后才能将其子元素显示为表格单元格。
例如,
div.parent {
display: table;
}
div.parent div.child {
display: table-cell;
vertical-align: middle;
}请查看此链接，它将澄清您的问题。http://css-tricks.com/vertically-center-multi-lined-text/
Stack Overflow用户
发布于 2012-06-15 18:11:05
对(holder #left-menu元素)使用display: table，对内部holder元素使用display: table-cell，并使用以下样式：
#left-menu .inner {
display: table-cell;
margin: 0 auto;
text-align: center;
vertical-align: middle;
width: 100%;
}我在你的小提琴里编辑了左边的菜单：http://jsfiddle.net/7Rgvs/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11048541
复制相关文章
相似问题
腾讯云开发者
