我在锚内的文字没有采用填充,但填充在它悬停时适用。这就是为什么悬停我的网络结构只是移动。请帮忙。
答案 0 :(得分:18)
锚链接或者是内联元素,它们不能有填充。使它们成为内联块必须有效。
只需添加:
a
{
display:inline-block;
}
答案 1 :(得分:4)
您需要将display:block
或display:inline-block
应用于锚链接
答案 2 :(得分:3)
只需在您的锚标记
上添加此CSSdisplay:block
即可
<a href="#" style="display:block; padding:4px ">Click here</a>
答案 3 :(得分:3)
Anchor是一个内联元素,因此填充可以工作,但不会占用顶部和底部的空间。元素重叠。因此,请根据您的要求制作inline-block
或block
。
<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>