Html 需要文本在一行中，溢出隐藏在LI元素中

我有以下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>

文本1
我不想让你看到我不止一行
TEXT3
需要在一行中隐藏溢出吗

我需要它的文本超过TD宽度的LI元素，而不是打断新行，隐藏溢出文本

提前谢谢

像这样试试：

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

}

试着这样做：

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

}

试着这样做：

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

}

试着这样做：

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

}

---

CSS

空白：nowrap

@pablito.aven答案应该是ans框，不在commentCSS

空白处：nowrap

@pablito.aven答案应该是ans框，不在commentCSS

空白处：nowrap

@pablito.aven答案应该是ans框，不在commentCSS

空白处：nowrap@pablito.aven答案应为ans框，不在评论中