垂直对齐问题：中;

Question

div sub如何将div center设置为中间？ 文本可以不同，因此在这种情况下边距或行高不是一个好的解决方案。

CSS：

.center {
    background-color: #336699;
    width: 200px;
    height: 200px;
}

.sub {
    display: inline-block;
    vertical-align: middle;
}

HTML：

<div class="center">
    <span class="sub">
        Some text text...
    </span>
</div>

Answer 1

可能的解决方案是：

HTML

<div class="center">
    <span class="sub">
        Some text text...<br />
        An some more text...
    </span>
</div>

CSS

.center
 {
     background-color: #336699;
     width: 200px;
     height: 200px;
     display: table;
 }

.sub
 {
     display: table-cell ;
     vertical-align: middle;
     text-align: center;
 }

如果需要，现场演示位于http://jsfiddle.net/vladsaling/6nTGF/。