需要文本在一行溢出隐藏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 */ 

}