Html 锚不起作用

锚点内的文本没有填充，但悬停时会应用填充。这就是为什么悬停时我的web结构正在移动。请帮助。

只需在锚定标签上添加此CSS

显示：block

<a href="#" style="display:block; padding:4px ">Click here</a>

您需要将

display:block

或

display:inline block

应用于锚点链接

锚点是一个内联元素，因此填充可以工作，但不会占用顶部和底部的空间。元素重叠。因此，根据您的需求，将其设置为

内联块

或

块

<a href="#" style="display:block;padding:10px">Click here</a>

锚定链接（

a

元素）是内联元素，它们不能有填充。使它们成为内联块必须起作用

只需添加：

a
{
    display:inline-block;
}

---

由于您使用的是

填充

，因此我假设您还定义了

背景色

，可能还有

边框

。如果您使用的是

边框

，请确保在所有状态下为链接设置相同的

边框宽度

；在您不想显示的州，将其设置为与背景相同的颜色。完成此操作后，当您悬停/单击它时，它不会移动文本。

<a href="#" class="btn btn-info" role="button">button</a>

给我们您的HTML和CSS，我们会检查出来。锚定标记是一个内联元素。填充不适用于内联元素。你必须把它做成方块element@Deekey：是的，为什么？如果没有它，它也可以工作：它可以工作，但不占用空间。再添加一行，看它是否会重叠，因为它是一个内联元素。@链接内联填充可以应用于内联元素，但只有左右填充对周围的内容有效。看看这个@VinithAlmeida：是的，没错。他们可以在左边和右边有衬垫。顶部和底部也有。。但是不占空间哦，是的。我想说的是，一个用户将这个答案标记为低质量删除，我正在查看它。我不会投票删除它，但是虽然这段代码可能会回答这个问题，但最好包含一些解释它如何工作以及为什么工作的上下文。只有代码的答案不会教任何人任何东西。