在使用创建我的水平菜单时，<ul><li>....</li></ul>我遇到了一些我不太了解的行为。
- ul li {display:inline;} 为什么这仍然会导致菜单是垂直的？如果我添加 float:left 那么它会变成水平的，但是将显示设置为内联还不够吗？
- 另一方面，只需执行： ul li {display:inline-block;} 会产生一个水平菜单，而无需使用浮动。这是为什么？另外，在创建水平菜单时哪种方法更好？还是有比这两种更好的第三种方法？
问问题
1022 次
2 回答
0
内联是显示的默认值，它只是将事物按正常顺序排列。
有关更多说明，请参见http://www.w3schools.com/cssref/pr_class_display.asp。
于 2012-04-04T20:21:36.547 回答
0
我认为浮动通常用于下拉菜单，而 inline-block 仅用于 1 行菜单
于 2012-04-06T07:39:23.897 回答