通常,要使链接填写整个li
,我使用display: block;
。但是对于水平菜单,我需要将其设置为display:in line;这样它就进入一行。我试过了,但没用。我已经看到了实现这一点的水平菜单,但我无法从它们的源代码中找到方法。
有什么想法吗?谢谢。
最佳答案
将height
和width
应用于父元素,然后:
a {
display: inline-block;
height: 100%;
width: 100%;
}
JS Fiddle demo
通常,要使链接填写整个li
,我使用display: block;
。但是对于水平菜单,我需要将其设置为display:in line;这样它就进入一行。我试过了,但没用。我已经看到了实现这一点的水平菜单,但我无法从它们的源代码中找到方法。
有什么想法吗?谢谢。
最佳答案
将height
和width
应用于父元素,然后:
a {
display: inline-block;
height: 100%;
width: 100%;
}