Переполнение HTML не работает для TD и концепция переполнения для TR

Question

Переполнение HTML не работает для TD и концепция переполнения для TR

0

<table style="table-layout:fixed;">    
    <tr>
        <td width="221" style="overflow:hidden">
            //A very long text that meant to overflow
        </td>
    </tr>
</table>

После некоторых исследований вышеуказанный код должен работать нормально, но это не так. Это может быть достигнуто только в том случае, если есть дополнительный тег div с overflow:hidden стиля overflow:hidden в td.

И еще один вопрос - как реализовать переполнение до высоты? Было бы хорошо, если бы какой-либо образец кода мог быть предоставлен.

Isaac Lem 21 сен. 2013, в 14:42

Источник

Теги:

html

css

html-table

overflow

5 ответов

Ещё вопросы

eapo · Answer 1 · 2013-09-21T10-25-00.000Z

Вы должны указать более подробные сведения о своем объекте, например, пробел, потому что текст линга автоматически переносится в td.

<table style="table-layout:fixed;">    
<tr>
    <td width="221" style="overflow:hidden;display:block;width:5em;white-space:nowrap;background-color:#ccc;">
        //A very long text that meant to overflow
    </td>
</tr>

Shirin Abdolahi · Answer 2 · 2013-09-21T12-59-00.000Z

если вы хотите иметь переполнение для определенной ширины и высоты, вы должны добавить display:block свойства css display:block to <td> и, как было сказано ранее для переполнения ширины, вы должны установить white-space:nowrap чтобы ваш текст не был white-space:nowrap, это является рабочим примером с overflow:scroll для лучшего недооценки

techfoobar · Answer 3 · 2013-09-21T11-02-00.000Z

Добавление white-space: nowrap; TD должен решить эту проблему.

Демо: http://jsfiddle.net/cYAMm/

Rajesh Paul · Answer 4 · 2013-09-21T10-14-00.000Z

Для управления высотой только u нужно использовать свойство overflow-y CSS overflow-y вместо overflow. Чтобы применить прокрутку, вы должны использовать overflow-y: scroll и аналогично overflow для других подобных случаев.

ReDEyeS · Answer 5 · 2013-09-21T09-54-00.000Z

Рабочий демо здесь

вы можете эмулировать переполнение: скрывать без изменения таблицы-макета, просто вставляя в TD два div:

<div style="position: relative;">
  <div style="overflow: hidden; width: 320px; height: 150px;">

    content

  </div>
</div>

Просмотреть код yor на JSFiddle

вам не нужно добавлять абсолютную позицию
обновляется в соответствии с рекомендациями eaposztrof