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

【问题标题】：Table column text-overflow ellipsis ( width in % )表格列文本溢出省略号（宽度以 % 为单位）
【发布时间】：2012-06-20 09:38:15
【问题描述】：

我有这个移动标记。

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

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

Table-Layout : fixed 使两列相等。

有什么建议吗？谢谢。

【问题讨论】：

我的建议是不要使用表格。
是的，布雷特。经过大量搜索后，我删除了表格并使用了 ul，它就像魅力一样。
我的评论可以加分吗？ :P

标签： css html

【解决方案1】：

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

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

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

【讨论】：

表格布局：固定；如果宽度以 % 给出，则使列的大小相等。甚至表格宽度也以 % 为单位，流畅的设计。