Question

我试图在text-overflow:ellipsis代码中使用<td>，但它仅支持<div>代码。

是否支持<td>代码？

检查我想要做什么 http://phpresult.com/source/share/L9F71379328772

Answer 1

我使用max-width

找到了解决方案

<style> 
.test
{
white-space:nowrap; 
text-overflow:ellipsis;
max-width: 100px; 
overflow:hidden; 
border:1px solid #000000;
}
</style>
</head>
<body>
  <table border="1">
    <tr>
      <td class="test">
      This is the Long text only applied to div tag
      </td>
    </tr>
  </table>
</body>

Answer 2

添加以下代码...

td {
  display: block; /* or inline-block */
}

或

使用

table-layout: fixed;

或给你的桌子固定宽度

CSS用“......”打破长文本

2 个答案: