html - 设置长列表元素的样式，以便在没有位置时出现在新行中

Question

我去了<div id="update-div-2" class="update-div"><ul></ul> </div>在与 <li>正在动态添加标签，并且。这是我的风格:

#update-div-2{
    width: 569px;
    height: 174px;
    clear: left;
    border-right: #1c3f77 2px solid;
    overflow: scroll;
    overflow-y: hidden; 
}

#update-div-2 ul{
    margin:0;
    list-style-type: none;
}

但是当有很长<li>添加了标签，它不会分成多行，而是一行非常长的行。当新行中没有更多位置时，我怎样才能让它中断？

Answer 1

像这样添加一个类:

#update-div-2 li{
    word-wrap:break-word;   
}