"overflow-wrap: break-word" not working in table

I’m implementing table inside html, but line break seems not working in items in table. This is CSS

table {
  ...
  td, th {
    padding: 5px 15px 5px 15px;
    word-break: break-all;
    white-space:nowrap;
  }

and HTML

...
<div class="item-box">
            <table>
...
                <tr>
                <td>TD1</td>
                <td>
TD2lsneinocnosneonocnsoneoincosneoicnosneocnsoinoiesnioencTD2lsneinocnosneonocnsoneoincosneoicnosneocnsoinoiesnioencTD2lsneinocnosneonocnsoneoincosneoicnosneocnsoinoiesnioenc</td>
                <td>TD3</td>
                </tr>
...

and it shows like this.

Is there something I’m doing wrong?

[liZe]

You’ll need to use table-layout: fixed. Automatic table layout always gives cells at least the minimum size of their content without taking care of overflow-wrap:break-word or hyphenation (and I think that it’s a good idea, even if it’s strange in this case). Other browsers (at least Chrome and Epiphany) give the same rendering as WeasyPrint.

<table style="overflow-wrap: break-word; width: 100px; table-layout: fixed">
  <tr>
    <td>
TD2lsneinocnosneonocnsoneoincosneoicnosneocnsoinoiesnioencTD2lsneinocnosneonocnsoneoincosneoicnosneocnsoinoiesnioencTD2lsneinocnosneonocnsoneoincosneoicnosneocnsoinoiesnioenc
    </td>
  </tr>
</table>

[Tontyna]

Tables as always: special beasts. Indeed, table-layout: fixed does the trick with all of my Pangos.