需要文本在一行溢出隱藏Li元素

Question

裏面我有這樣的HTML代碼：

<table border="0" cellpadding="0" cellspacing="0" style="width: 325px"> 
    <tbody> 
     <tr> 
      <td style="width: 100%"> 
       <ul> 
        <li>TEXT 1</li> 
        <li>I DONT WANT YOU TO SEE ME IN MORE THAN 1 LINE</li> 
        <li>TEXT3</li>     
        <li>NEED THIS IN ONE LINE WITH OVERFLOW HIDDEN</li> 
       </ul> 
      </td> 
      <td style="vertical-align: top"> 
       <input type="button" value="..."> 
      </td> 
      <td style="vertical-align: top"> 
       <input type="button" value="*"> 
      </td> 
      <td style="vertical-align: top"> 
       <input type="button" value="X"> 
      </td> 
     </tr> 
    </tbody> 
</table> 

我需要的是，李的元素，它的文本超過，而不是破新線TD的寬度，隱藏溢出文本。

I have this fiddle

提前感謝！

Answer 1

嘗試這樣的：Demo

ul li 
{ 
    border:1px solid blue ; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
    width:90%; /* change this value according to your need */ 

}