CSS水平菜单:显示:内联和块?链接覆盖整个LI?

MrB*_*les 4 css inline menu

通常,为了使链接填写整体li,我使用display: block;.但是使用水平菜单,我需要将其设置为显示:inline; 所以它排成一行.我试过了,display:inline-block;但没有用.我已经看到了实现这一目标的横向菜单,但我无法从他们的来源中找到它们.

有任何想法吗?谢谢.

Dav*_*mas 8

应用heightwidthli元素,然后:

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

JS小提琴演示.

  • @Fatih:引用[PPK](http://www.quirksmode.org/):["IE 6/7仅接受具有自然`display:inline`的元素的值."](http:// www .quirksmode.org/css/display.html)`a`元素是'自然'`display:inline`. (2认同)