<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
.
И еще один вопрос - как реализовать переполнение до высоты? Было бы хорошо, если бы какой-либо образец кода мог быть предоставлен.
Вы должны указать более подробные сведения о своем объекте, например, пробел, потому что текст линга автоматически переносится в 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>
если вы хотите иметь переполнение для определенной ширины и высоты, вы должны добавить display:block
свойства css display:block
to <td>
и, как было сказано ранее для переполнения ширины, вы должны установить white-space:nowrap
чтобы ваш текст не был white-space:nowrap
, это является рабочим примером с overflow:scroll
для лучшего недооценки
Добавление white-space: nowrap;
TD должен решить эту проблему.
Для управления высотой только u нужно использовать свойство overflow-y
CSS overflow-y
вместо overflow
. Чтобы применить прокрутку, вы должны использовать overflow-y: scroll
и аналогично overflow
для других подобных случаев.
вы можете эмулировать переполнение: скрывать без изменения таблицы-макета, просто вставляя в TD два div:
<div style="position: relative;">
<div style="overflow: hidden; width: 320px; height: 150px;">
content
</div>
</div>