我的文本锚内没有填充,但填充时适用于它的悬停。这就是为什么悬停我的网络结构只是移动。请帮忙。填充不起作用
填充不起作用
回答
只需添加这个CSS display:block
你的锚标记
<a href="#" style="display:block; padding:4px ">Click here</a>
为什么?它也没有工作: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
应用于锚链接
锚是一个内联元素,以便填充会工作,但它不会采取放在顶部和底部的空间。元素重叠。因此根据您的要求制作inline-block
或block
。
<a href="#" style="display:block;padding:10px">Click here</a>
锚链接是内联元素,它们不能有填充。让他们内联块必须工作。
只需添加:
a
{
display:inline-block;
}
他们可以在左侧和右侧的填充..顶部和底部也有..但不占用空间 – 2014-09-05 09:06:21
哦,是的。我想说。 – MoonDev 2014-09-06 12:16:17
由于您使用padding
,我假设你也有一个定义background-color
,也许border
。如果您使用的是border
,请确保为所有状态下的链接设置了相同的border-width
;在您不想显示的状态下,将其设置为与背景相同的颜色。当你这样做时,当你悬停/点击它时,它不会移动文本。
- 1. 填充不起作用
- 2. 填充不起作用
- 3. CSS - 填充不起作用
- 4. CSS填充不起作用
- 5. 填充不起作用TCPDF
- 6. 填充不起作用
- 7. 填充NSMutableArray不起作用
- 8. 填充制作链接不起作用?
- 9. 如何填充空白空间当填充不起作用
- 10. CSS填充问题,填充不起作用
- 11. 可绘制填充不起作用
- 12. 缓冲图像填充不起作用
- 13. CSS填充和边距不起作用?
- 14. ggplot渐变填充不起作用
- 15. 在CSS中填充不起作用
- 16. 填充底部将不起作用
- 17. 按钮填充不起作用
- 18. 左右填充不起作用
- 19. CSS列表填充不起作用
- 20. 表填充不起作用CSS
- 21. CSS边距/填充不起作用
- 22. 填充和保证金不起作用
- 23. Excel自动填充不起作用
- 24. Pygame填充命令不起作用?
- 25. 填充下拉式不起作用
- 26. 桌子上的填充不起作用
- 27. 自举填充不起作用
- 28. SVG渐变填充不起作用
- 29. 单元格填充不起作用
- 30. css - 将填充应用于带滚动的框,底部填充不起作用
给我们您的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