填充不起作用

我的文本锚内没有填充，但填充时适用于它的悬停。这就是为什么悬停我的网络结构只是移动。请帮忙。填充不起作用

2014-09-05 hussain nayani

给我们您的HTML和CSS，我们会检查出来。 – Siyah 2014-09-05 07:19:21

锚标签是一个内联元素。填充不会使用内联元素。你必须将它作为块元素 – 2014-09-05 07:21:24

@Deekey：是的确如此：http://jsfiddle.net/LinkinTED/4d7q6gwp/ – LinkinTED 2014-09-05 07:21:56

只需添加这个CSS display:block你的锚标记

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

来源

2014-09-05 07:19:18

为什么？它也没有工作：http://jsfiddle.net/LinkinTED/4d7q6gwp/ – LinkinTED 2014-09-05 07:21:34

它的工作原理，但不占用的空间。再添加一行，看看它会重叠，因为它是一个内联元素。 – 2014-09-05 07:49:09

@LinkinTED填充可应用于内嵌元素，但只有左右填充将对周围的内容产生影响。看看这个http://jsfiddle.net/vinith98/u79egvjm/ – 2014-09-05 07:51:16

你需要或者display:block或display:inline-block应用于锚链接

来源

2014-09-05 07:48:29

锚是一个内联元素，以便填充会工作，但它不会采取放在顶部和底部的空间。元素重叠。因此根据您的要求制作inline-block或block。

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

来源

2014-09-05 07:50:04

锚链接是内联元素，它们不能有填充。让他们内联块必须工作。

只需添加：

a 
{ 
    display:inline-block; 
}

来源

2014-09-05 08:42:44 MoonDev

他们可以在左侧和右侧的填充..顶部和底部也有..但不占用空间 – 2014-09-05 09:06:21

哦，是的。我想说。 – MoonDev 2014-09-06 12:16:17

由于您使用padding，我假设你也有一个定义background-color，也许border。如果您使用的是border，请确保为所有状态下的链接设置了相同的border-width;在您不想显示的状态下，将其设置为与背景相同的颜色。当你这样做时，当你悬停/点击它时，它不会移动文本。

来源

2016-08-21 15:24:09

填充不起作用

回答

相关问题