0

在使用创建我的水平菜单时，<ul><li>....</li></ul>我遇到了一些我不太了解的行为。

  • ul li {display:inline;} 为什么这仍然会导致菜单是垂直的？如果我添加 float:left 那么它会变成水平的，但是将显示设置为内联还不够吗？
  • 另一方面，只需执行： ul li {display:inline-block;} 会产生一个水平菜单，而无需使用浮动。这是为什么？另外，在创建水平菜单时哪种方法更好？还是有比这两种更好的第三种方法？
4

2 回答 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 回答