Question

我想垂直对齐一个div内的文本。

但由于某些原因，纵向对齐不起作用。

.CV{
width: 100px;
height: 150px;
margin-left:auto;
margin-right:auto;
background-color: #89BC23;
text-align: center;
vertical-align: middle;
}

以下是我现在所拥有的：

http://jsfiddle.net/rM5Jz/

行高不起作用，因为我有两行。

我缺少什么？

此致

Answer 1

无需添加额外的标记和灵活的文字长度：http://jsfiddle.net/rM5Jz/8/

#slide-container {
    margin: 0 auto;
    padding: 12px;
    border: 1px solid #ebebeb;
}

#slide-container a {
    display:table;
    width: 100px;
    height: 150px;
    margin:0 auto;
}

.CV {
    background-color: #89BC23;
    display:table-cell;
    vertical-align:middle;
    text-align:center
}

Answer 2

我已更新您的示例vertical align。简而言之，在这里你想根据CV定位文本，即最好的方法是使用position:absolute;这是跨浏览器的解决方案

对齐div内的文本 - vertical-align不起作用

2 个答案: