表列文本-溢出省略号(宽度(%))

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;
}

表-布局:固定“”属性对于表中任何块级元素的文本截断似乎很重要。