我已经在我的 td 中尝试了以下代码,但没有好兆头。
.td_class{
max-width:100px;
overflow: hidden;
text-overflow : ellipsis;
-ms-text-overflow : ellipsis;
}
有什么帮助吗?
<th>
如果您将文本包装在附加元素中并将 and 应用于该元素,width
它将起作用overflow
:
http://jsfiddle.net/nkLav9f7/6/
<table>
<thead>
<tr>
<th><span>This is a really long header</span></th>
</tr>
</thead>
<tbody>
<tr>
<td>foo</td>
</tr>
</tbody>
</table>
table, td { border: solid 1px black }
th
{
max-width: 50px;
}
span
{
overflow: hidden;
display: block;
width: 50px;
white-space: nowrap;
text-overflow: ellipsis;
}
尝试这个,
td
{
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
如果你设置了“*{word-wrap:bread- word }”等其他样式的“word-wrap:bread-word”,请将其改为“ word:wrap:normal ”。这个对我有用。