Html 如果文本占据两行，如何在按钮中垂直居中显示文本？

如何在具有指定宽度和高度的按钮中垂直居中多行文本

<a href="#">This text will take up two lines</a>

a {
    display: inline-block
    height: 50px;
    width: 100px;
}

a{
显示：内联块
高度：50px；
宽度：100px；
}

添加 垂直对齐：中间对齐； 添加到您的CSS中。

添加 垂直对齐：中间对齐；

---

到您的CSS。

使用

行高：

a { line-height: 50px; }

这仅在文本占用一行时有效。如果必须处理多行，可以使用
display:table cell
：

a { display: table-cell; vertical-align: middle; }

使用
行高
：

a { line-height: 50px; }

这仅在文本占用一行时有效。如果必须处理多行，可以使用
display:table cell
：

a { display: table-cell; vertical-align: middle; }

在处理线条高度时，最好使用%或em。不同的浏览器呈现不同的文本（大小）；当您使用%时，它会相应地自动调整

a { line-height: 1.3em; }

在处理线条高度时，最好使用%或em。不同的浏览器呈现不同的文本（大小）；当您使用%时，它会相应地自动调整

a { line-height: 1.3em; }

我不知道你的意思，但我认为你需要增加一些线的高度，或者一个页边空白：…%；。你能给我们一把小提琴吗？我不知道你的意思，但我认为你需要增加一些线条高度，或者加一个页边空白：…%；。你能给我们一把小提琴吗？@miah，没错。我只是假设情况是这样，但是的，也许不是。@miah，这是真的。我只是假设是这样的，但是是的，也许不是。我需要让a标记显示：内联单元格？是否需要将a标记显示为：inline cell？这假设只有一行文本，OP在problem.ahhh中声明了两行文本。我想我没有读完整的问题：/一个可能的解决方案是：显示：表格单元格；垂直对齐：中间对齐；（莱纳斯已经说过：））这假设只有一行文本，OP在问题中陈述了两行文本。啊。我想我没有读完整的问题：/一个可能的解决方案是：显示：表格单元格；垂直对齐：中间对齐；（莱纳斯已经说过：））