1

我试图text-overflow:ellipsis在<td>标签内使用，但它只支持<div>标签。

有什么想法支持<td>标签吗？

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

4

2 回答 2

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>
于 2013-09-16T11:04:10.523 回答
0

添加以下代码...

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

或者

利用

table-layout: fixed;

或为您的桌子提供固定宽度

于 2013-09-16T10:59:20.293 回答