html - 如何将两个文本行放在同一个链接中？

Question

我有这个：

<td>                            
    <a id="linkbt_cashier" href="#" class="link_ball" style="font-size: 16px;margin-right:20px;">Add Credits</a>
</td>

我的图像是 127x127，我希望图像中有两行文本，而不仅仅是一个，如下所示：

  Add
Credits

我尝试使用 line-height 和 height 但没有工作，因为这两个词对于图像的高度来说太小了。

对不起菜鸟问题，感谢您的帮助。

Answer 1

<a>标签基本上是一个内联元素。此元素的宽度取决于锚文本长度。所以使用display: inline-block并指定一个宽度。

引用 Quirksmode：

这个值的真正用途是当你想给一个内联元素一个宽度时。在某些情况下，某些浏览器不允许在真正的内联元素上设置宽度，但如果您切换到 display: inline-block，您可以设置宽度。

Answer 2

也许你可以使用 br，它对我有用

<td>                            
    <a id="linkbt_cashier" href="#" class="link_ball" style="font-size: 16px;margin-right:20px;">Add <br />Credits</a>
</td>

Answer 3

您可以display:block在 A 标记上使用并设置 awidth:并允许自动换行在受限空间中自行发生，或将 a 嵌入<br />到您的文本中。

Answer 4

您需要做的就是在文本中添加一个中断 (<br />)。将您的代码更改为以下内容：

<td>                            
    <a id="linkbt_cashier" href="#" class="link_ball" style="font-size: 16px;margin-right:20px;">Add<br />Credits</a>
</td>

希望这可以帮助。