水平导航栏

 

    有两种方法创建横向导航栏。使用内联(inline)或浮动(float)的列表项。

 

    这两种方法都很好，但如果你想链接到具有相同的大小，你必须使用浮动的方法。

 

    内联列表项

 

    建立一个横向导航栏的方法之一是指定元素，上述代码是标准的内联:

 

    实例

 

li

 

{

 

    display:inline;

 

}

 

    实例解析：

 

    display:inline;-默认情况下，<li>元素是块元素。在这里，我们删除换行符之前和之后每个列表项，以显示一行。

 

    提示:查看完整样式的水平导航栏的示例。