Я используюword-wrap: break-word обернуть текст вdivс иspans. Однако это, похоже, не работает в ячейках таблицы. У меня есть столwidth:100%, с одной строкой и двумя столбцами. Текст в столбцах, хотя стиль вышеword-wrapне переносит. Это заставляет текст проходить границы ячейки. Это происходит в Firefox, Google Chrome и Internet Explorer.

Вот как выглядит источник:

td {
  border: 1px solid;
}

<table style="width: 100%;">
  <tr>
    <td>
      <div style="word-wrap: break-word;">
        Looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong word
      </div>
    </td>
    <td><span style="display: inline;">Short word</span></td>
  </tr>
</table>

Длинное слово выше превышает границы моей страницы, но не нарушает приведенный выше HTML. Я пробовал приведенные ниже предложения по добавлениюtext-wrap:suppress а такжеtext-wrap:normal, но ни один не помог.