网页下拉菜单如何按一行行显示

来源：百度知道 编辑：UC知道 时间：2024/06/15 06:11:54
我给一个图片加了一个下拉菜单 就是把鼠标移动到该图片时会显示下拉菜单 可是我在下拉菜单中加入了三个选项后他门不按一行行显示 就是没有显示成三行 而是两个字两个字的向下显示 显得很乱 怎样才能控制 让他们 按如下方式显示 ：

选项1
选项2
选项3

就是按上边这种方式排列

首先你要写出这样的结构，（不知道你是否是这样写的）
<ul id="nav">
<li>主菜单1
<ul>
<li>选项1</li>
<li>选项2</li>
<li>选项3</li>
</ul>
</li>
<li>主菜单2</li>
</ul>
然后用CSS控制，注意，之所以没有像你所说的那样显示，有两个原因，
一个是：display:block;(显示块)
另一个是：float：left;(浮动左对齐）