html - 导航 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;

}

导航秒 ul li ul li{

float:none;

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

}

导航秒 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标签设置适当的宽度。