<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/
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
复制相关文章
相似问题
腾讯云开发者
