css - 表格列文本溢出省略号（宽度以 % 为单位）

Question

我有这个移动标记。

<table>
<tr>
<td style="width:60%">
<div class="ellipsis">
Test bla bla
</div>
</td>
<td style="width:40%">
</td>
</tr>

CSS

.ellipsis { 
width : 100%;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
word-wrap: break-word;
}

截断不能按预期工作，而是根据内容扩展列。

表格布局：固定使两列相等。

有什么建议么 ？谢谢。

Answer 1

请使用以下 css 使 css3 截断适用于表格

table {
   width: 200px; /*specify a width*/
   table-layout:fixed;
}

属性“table-layout:fixed”对于表格内任何块级元素的文本截断似乎很重要。