CSS文本居中于DIV内部

Question

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

我有一个固定HEIGHT＆amp;宽度。 我希望文本垂直居中。

到目前为止，我设法这样做了：

<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

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

Answer 3

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

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

Answer 4

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

Example

Answer 5

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