Таблица в Div переполняется из DIV, как я могу включить прокрутку на странице, а не DIV без редактирования HTML только с помощью CSS?

Question

У меня DIV 600px, и в Div есть таблица, потому что некоторые адреса электронной почты длинные, перенос не работает (я использовал перенос слов: break-word; без везения)

Также я попытался изменить ширину, используя! Важно, изменение значений с плавающей точкой и т. Д.

Вот снимок экрана с моей проблемой, поскольку вы можете видеть, что на странице нет возможности прокрутки вправо. Это проблема, поскольку разрешение экрана у моих клиентов низкое, и им нужен доступ ко всем параметрам справа. сторона, у которой нет функции прокрутки для этого.

Пожалуйста, помогите мне, вот скриншот (личная информация была удалена:)

Answer 1

Set overflow: auto для 600px DIV.

Answer 2

Попробуйте установить атрибут table-layout для таблицы и установить overflow-hidden для td, чтобы скрыть часть переполнения, т.е.

  table{
    table-layout:fixed;
  }

  td {
    overflow: hidden;
  }

Обновить с примером - этот пример работает в FF 11.0. В каком браузере вы находитесь?

<table class="reference" style="table-layout:fixed; width: 300px;">
<tbody><tr>
<th align="left">Tag</th>
<th align="left">Description</th>
</tr>
<tr>
<td>&lt;col /&gt;</td>
<td style="overflow: hidden;">Definesattributevaluesforoneormorecolumnsinatable</td>
</tr>
</tbody></table>

Answer 3

Что именно вы хотите сделать, это то, что вы хотите включить полосу прокрутки

попробуйте установить свойство стиля в div

overflow:scroll