Принудительное выполнение содержимого таблицы

Question

Я использовал следующий стиль CSS, чтобы убедиться, что мое содержимое в таблице находится в пределах определенного размера:

div.tablewrapper {
    height: 290mm;
    width: 200mm;
    overflow-y:hidden;
    overflow-x:hidden;
}

И ниже приведены коды HTML-таблиц, которые я использую:

<div class="tablewrapper">
<table width="200mm" height="290mm" border="1">
    <tr width="200mm" height="290mm">
         <td>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td>
     </tr>
</table>
</div>

Из приведенных выше кодов я пытаюсь ограничить длинный текст внутри элемента div, который работает.

Основная проблема заключается в том, как заставить содержимое перетекать вниз, а не исчезать в ограниченномрайоны?

Answer 1

Установите стиль таблицы на table-layout: fixed и рассмотрите возможность использования word-break: break-all