【问题标题】:How to vertically center the text of a link button [duplicate]如何垂直居中链接按钮的文本[重复]
【发布时间】:2014-07-28 06:29:42
【问题描述】:

当文本太长时,我不知道如何使链接按钮的文本垂直居中。

as shown in this example:

第一个按钮的文本顶部对齐,我无法将它放在中间。

line-height 需要保持在 22px 或使 2 行适合单个按钮。

请帮忙

提前谢谢你

【问题讨论】:

  • @Notulysses:是的,它就像一个冠军,非常感谢,非常感谢,抱歉回复晚了。

标签: html css alignment vertical-alignment text-alignment


【解决方案1】:

.location_button CSS 类中将display inline-block 更改为table-cell,将vertical-align:text-top 更改为middle

Example

【讨论】:

    【解决方案2】:

    您可以添加一个换行符来强制代码中断吗?

    <td class="button_cell">
        <a class="location_button" href="#">Kitchenerfa<br>sdfasdf King</a>
    </td>
    

    【讨论】:

      猜你喜欢
      • 2016-12-23
      • 2023-03-05
      • 2012-01-05
      • 1970-01-01
      • 1970-01-01
      • 2013-06-04
      • 2016-04-05
      • 1970-01-01
      • 2011-12-16
      相关资源
      最近更新 更多