如何在同一个链接中放置两个文本行？

Question

我有这个：

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

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

  Add
Credits

我尝试使用行高和高度但是没有用，因为这两个单词对于图像的高度来说很小。

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

Answer 1

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

引用Quirksmode：

  

当您想要为内联元素指定宽度时，实际使用此值。在某些情况下，某些浏览器不允许实际内联元素的宽度，但如果切换到display：inline-block，则允许设置宽度。

Answer 2

您可以在A标记上使用display:block并设置width:并允许在受限空间内自行进行自动换行，或在文本中嵌入<br />。

Answer 3

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

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

Answer 4

您需要做的就是在文本中添加一个中断（＆lt; br /＆gt;）。将您的代码更改为以下内容：

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

希望这有帮助。