CSS文本居中于DIV内部

Question

我正在努力实现某些目标而无法实现这一目标。

我有一个固定高度和宽度的div。 我希望文本垂直居中。

到目前为止我设法做到了：

<div>
   <a>this is a long text</a>
</div>

它看起来像这样

-------------
This is a long
    text
-------------

这很棒

但是如果线条不会换行，它将会是这样的

------------
This is short

-------------

.the-div
{
height:29px;
line-height:14px !important;
}

.the-a
{
font-size:12px;
}

我需要这个也是值得的！

我尝试使用行高并与JS一起玩，以了解它是否包装，然后相应地改变行高

谢谢您的帮助

Answer 1

试试这个例子

http://jsfiddle.net/fcalderan/3HBC4/1/

Answer 2

要进行垂直对齐，您还需要使用一些显示作为表格黑客。 这将允许你使用vertical-align:middle; ，实现我相信你渴望的外观。

例

Answer 3

.the-a
{
font-size:12px;
vertical-align: middle;
}

Answer 4

如果你使行高与div的高度相同，它将自动垂直居中

the-div
{
height:29px;
line-height:29px !important;
}

Answer 5

div a{
margin-top:auto;
margin-bottom:auto;
}