垂直居中元素CSS

Question

在下面的代码中，如何使用“ExclamationPoint”类进行垂直中心元素跨度？ 我想设计它如下图：

我尝试了Padding-top和vertical;对齐，但我的样式不像图像 无论边DIV的高度如何，我都希望将“ExclamationPoint”类垂直放置在中间位置。

JSFiddle Link

Answer 1

你可以强制它到div的中间：

首先确保父div（NewsNote）设置了position，因此请添加position:relative;。

现在，您可以通过.ExclamationPoint height，0和position:absolute;来top:50%;居中line-height:0;。这会将div推到正中间。

现在感叹号将位于中心下方，以修复此添加{{1}}。

http://jsfiddle.net/vNDUx/1/