填充不起锚

时间:2014-09-05 07:17:49

标签: html css css3 anchor padding

我在锚内的文字没有采用填充,但填充在它悬停时适用。这就是为什么悬停我的网络结构只是移动。请帮忙。

6 个答案:

答案 0 :(得分:18)

锚链接或者是内联元素,它们不能有填充。使它们成为内联块必须有效。

只需添加:

a
{
    display:inline-block;
}

答案 1 :(得分:4)

您需要将display:blockdisplay:inline-block应用于锚链接

答案 2 :(得分:3)

只需在您的锚标记

上添加此CSS display:block即可
<a href="#" style="display:block; padding:4px ">Click here</a>

答案 3 :(得分:3)

Anchor是一个内联元素,因此填充可以工作,但不会占用顶部和底部的空间。元素重叠。因此,请根据您的要求制作inline-blockblock

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

答案 4 :(得分:0)

由于您使用的是padding,我假设您还定义了background-color,也许border。如果您使用border,请确保为所有州的链接设置相同的border-width;在您不希望它显示的州中,将其设置为与背景相同的颜色。完成此操作后,当您将鼠标悬停/单击时,它不会移动文本。

答案 5 :(得分:0)

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