填充不起锚

hus*_*ani 6 html css anchor padding css3

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

小智 19

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

只需添加:

a
{
    display:inline-block;
}
Run Code Online (Sandbox Code Playgroud)

  • 他们可以在左侧和右侧有填充物.顶部和底部也有......但不占用空间 (2认同)

小智 7

您需要申请display:blockdisplay:inline-block锚链接


Sus*_*ngh 7

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

<a href="#" style="display:block;padding:10px">Click here</a>
Run Code Online (Sandbox Code Playgroud)


Mar*_*hez 6

只需display:block在您的锚标记上添加此 CSS

<a href="#" style="display:block; padding:4px ">Click here</a>
Run Code Online (Sandbox Code Playgroud)