.net - 分两行打印菜单项.... CSS

Question

我建立了一个数据库驱动的菜单.....但是，由于有几个元素，菜单出现在两行中。所以，我正在考虑将菜单项分成两行..你能告诉我该怎么做吗？

这是我的CSS文件

    .menu
   {
width: 900px;
    }
    .menu ul
   {
list-style: none;
max-width: 900px;

   }
  .menu li
 {
list-style: none;
display:inline;
float: left;
height: 53px;
line-height: 53px;
  }

.menu li a
 {
display: inline;
float: left;
color: #852917;
font-size: 11px;
font-weight: bold;
line-height: 53px;
max-width:120px; 
text-decoration: none;

background: #ebdbca url(menu_037_bg.jpg) no-repeat left;
border-bottom: 2px solid #d7a278;
}
 .menu li a:hover
 {
width: 120px;
white-space: pre-wrap;
color: #fff;
background: #a73e29 url(menu_037_h.jpg) no-repeat left;
border-bottom: 2px solid #b75542;
   }
  .menu li ul{

    border-left:2px solid #a80329;
    border-right:2px solid #a80329;
    border-bottom:2px solid #a80329;
    display:none;
    height:auto;
    width:120px;
    filter:alpha(opacity=95);
    opacity:0.95;
    position:absolute;

    z-index:200;
    /*top:1em;
    /*left:0;*/
    }
.menu li:hover ul{
    display:block;
    } 

Answer 1

样式化基于列表的菜单的一些最佳实践:

1) 不要设置 LI 的样式(除非需要重置边距、填充和使用 float:left)。

2) 使用display:block 并将所有 样式放在A 标签上。你不需要 display: inline; float :左；或任何其他定位代码。只需设置宽度、填充边距、字体和颜色即可。长文本将自动换行为两行。