减少链接可点击的宽度

Question

我的网站上有一个链接，我不喜欢它在整个页面宽度上可点击的方式。 我已经尝试在链接的任一侧放置带宽度属性的空白div，并尝试在链接本身放置一个width属性。我还尝试了另一个答案中推荐的overflow属性。 有没有人有什么建议？这是代码：

<div align= 'center'>
<a href = "link"><p style="font-size: 15px;">text</p></a>
</div>

Answer 1

将您的代码更改为：

<div align= 'center'>
<p style="font-size: 15px;"><a href="link">text</a></p>
</div>

Answer 2

p代表段落，它是块级元素。默认情况下，它们使用可用的全宽。您的案例看起来像是需要span，这是一个内联元素，就像链接本身一样，只跨越包含的文本。

<div align= "center">
<a href = "link"><span style="font-size: 15px;">text</span></a>
</div>

或者，您可以通过直接将样式应用于链接来完全跳过标记。

<div align= "center">
<a href = "link" style="font-size: 15px;">text</a>
</div>