线高，内部对齐;

Question

似乎我的问题从未被问过 - 或者我可能不够聪明，无法找到它：

有没有办法通过CSS垂直对齐其行高内的元素？

示例和代码

链接到示例图片： https://www.dropbox.com/s/92lia6rdl9nyanq/Example.png

的 HTML 的

<article class="news-content news-content-1">
    <h1 class="news-title">
         Hello World!
    </h1>
</article>

的 CSS 的

.news-content.news-content-1 news-title 
{ 
    line-height: 1.5;
}

我会指定一点：我希望它在 ARTICLE 中作为垂直对齐的元素（中心），我需要 LINE-HEIGHT 设置为 1.5 ，但这个额外的高度设置在元素下方，我需要它在中心。

我将不胜感激。

修改

图像显示'line-height：1.5px;'但它实际上只是'line-height：1.5'，抱歉。

Answer 1

您在检查器中看到的不是行高，而是填充。 Check this fiddle out

我已将margin的{​​{1}}和padding设置为h1，将0设置为line-height。尝试更改行高并查看差异。

文本始终在其行高中垂直居中。