переполнение текста: многоточие не работает в <td> IE9

Question

переполнение текста: многоточие не работает в <td> IE9

0

Я попробовал следующий код для моего td, но не нашел хорошего знака.

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

любая помощь?

user2324085 26 сен. 2013, в 10:09

Источник

Теги:

jquery

css

html5

css3

3 ответа

Ещё вопросы

lynch · Answer 1 · 2017-11-16T04-57-00.000Z

Если вы установили " word-wrap: bread-word " в другом стиле, например "* {word-wrap: bread-word}", пожалуйста, измените его на " word: wrap: normal ". Меня устраивает.

Phil Peace · Answer 2 · 2014-09-18T15-11-00.000Z

Он будет работать, если вы обернете текст в <th> в дополнительном элементе и примените к нему 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;
}

devo · Answer 3 · 2013-10-07T06-52-00.000Z

Попробуй это,

td
{
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}