переполнение: прокрутки; в < td >
-
06-07-2019 - |
Вопрос
Почему свойство overflow: scroll;
не работает в < td >
, а переполнение : hidden;
работает хорошо? р>
<table border="1" style="table-layout:fixed; width:100px">
<tr>
<td style="overflow:scroll; width:50px;">10000000000000000000000000000000000</td>
<td>200</td>
<td>300</td>
</tr>
</table>
Решение
Я получил кое-что здесь ! р>
Андрей Федонюк писал:
Это на самом деле мой вопрос: " Одна техническая причина заключается в том, что свойство переполнения не применяется к Таблицы & Quot. - Зачем? Что это за причина?
Я не эксперт, но я считаю, что это только для обратной совместимости с устаревшее поведение таблицы. Ты можешь проверить " автоматический " макет стола Алгоритм в спец. Я красивая уверен, что этот алгоритм макета несовместим с переполнением собственность (или, точнее, алгоритм компоновки никогда не приведет к необходимость любого значения переполнения кроме «видимого»).
Да, вот почему я спрашиваю. Похоже, нет никаких формальных причин почему или не должен быть прокручиваемым, но кажется Поставщики UA достигли некоторого молчаливого соглашения в этой области. Так это вопрос.
Спецификация согласна с вами в отношении к элементам. Ячейки таблицы должен уважать переполнение, хотя Mozilla, по крайней мере, кажется, не делать так. Я не могу ответить на ваш вопрос в этот экземпляр, хотя я бы все равно думаю, ответ все еще привязан к устаревший рендеринг.
Другие советы
Вы должны обернуть его в div, это сработает:
<table border="1" style="table-layout:fixed; width:500px">
<tr>
<td style="width:100px;"><div style="overflow:scroll; width:100%">10000000000000000000000000000000000</div></td>
<td>200</td>
<td>300</td>
</tr>
</table>
Сначала укажите желаемую высоту для td, а затем примените " float: left " свойство к соответствующему " td " Вы хотите, чтобы появилась полоса прокрутки.