我有以下
<div class="label"
style="position: absolute; top: 20px; left: 20px; width: 200px; height: 40px;">
Label Text
</div>
<div class="label"
style="position: absolute; top: 70px; left: 20px; width: 200px; height: 120px;">
Also several lines of
Label Text
may be included
</div>
如何在div.label中垂直对齐(可能是几行)文本?
如果需要,我可以添加innerHTML,但我无法更改容器(class =“label”)。
http://jsfiddle.net/austinfrance/CDTk2/(现在正在运行的例子)
答案 0 :(得分:6)
你可以使用
的内容 <div class="label"
style="position: absolute; top: 70px; left: 20px; width: 200px; height: 120px; display: table; vertical-align: middle; border:1px solid #000">
<span style="display: table-cell;vertical-align: middle;">
Also several lines of
Label Text
may be included
</span>
答案 1 :(得分:0)
试试这个:
<div class="label"
style="position: absolute; top: 20px; left: 20px; width: 200px; height: 40px;">
<span style="display:inline-block; vertical-align:middle"> Label Text </span>
</div>
答案 2 :(得分:0)
这是一个老问题,但解决方案非常简单,因为你现在关于div的高度只是在css样式上使用相同的高度值放置行高。
在您的示例中,它必须是line-height:40px
。
好像