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>

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

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 */

}

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

1 个答案: