0

我已经在我的 td 中尝试了以下代码,但没有好兆头。

.td_class{
max-width:100px;
overflow: hidden;
text-overflow : ellipsis;
-ms-text-overflow : ellipsis; 
}

有什么帮助吗?

4

3 回答 3

0

<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;
}
于 2014-09-18T16:40:18.933 回答
0

尝试这个,

td
{
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
于 2013-10-07T09:42:16.820 回答
0

如果你设置了“*{word-wrap:bread- word }”等其他样式的“word-wrap:bread-word”,请将其改为“ word:wrap:normal ”。这个对我有用。

于 2017-11-16T07:16:47.060 回答