减少链接可点击宽度答案

【问题标题】：Reducing link clickable width减少链接可点击宽度
【发布时间】：2014-03-03 22:45:35
【问题描述】：

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

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

【问题讨论】：

标签： html href

【解决方案1】：

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>

【讨论】：

【解决方案2】：

将您的代码更改为：

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

【讨论】：