風格長列元素所以它出現在沒有地方的新行

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; 
} 

Answer 2

嘗試

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