css - 内部对齐的行高；

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;'但它实际上只是'行高:1.5'，抱歉。

Answer 1

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

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

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