导航li文本延伸到li之外而不是制作第二行？

Question

我创建的下拉导航使li中的文本超出了li边界而不是第二行。

如何实现li文本下一行？

这是我的代码

#navigationSecond ul li ul{
visibility:hidden;
position:absolute;
width:182px;
list-style:none;
top:38px !important;
height:auto;
border-top:2px #FFF solid;
background:#FFF;

}

navigationSecond ul li ul li {

float:none;

border-radius:6px;
padding:10px 0px 10px 0px;
border:#FFF 1px solid;
margin:0 !important;
height:auto;

}

navigationSecond ul li ul li a {

display:block;
padding:0px 0px 0px 20px;

color:#000;
font-weight:bold;
font-size:13px;
text-shadow:#FFF 0px 1px 0px;
text-decoration:none;
overflow:auto;
height:auto;

}

Answer 1

如果您不希望文本超出li并且li宽度是固定的，则意味着为li设置宽度并将其保留在内部。

#navigationSecond ul li{width:120px;}

Answer 2

可能会使用word-wrap: break-word;来显示下一行的文字。点击此链接http://webdesignerwall.com/tutorials/word-wrap-force-text-to-wrap

Answer 3

请为li代码设置合适的宽度。