Minimum table cell width?

Question

css

I'm making a spreadsheet for email distribution. The problem is that it is not possible to make it adaptive for smartphones due to the fact that the minimum cell size comes from the length of the word. I use sendsay.ru mailing service. The table has such a terribly long code "[% lastorder = anketa.order.keys().sort()[anketa.order.keys().sort().max()] %] ". Because of this, the width of the cell is very large. If the code was with spaces, the cell could decrease to a minimum. Now scrolling on the horizon. This is a mobile issue. Is it possible to somehow solve the problem and hide this long text so that the cell does not notice it? After all, he is still not visible to others.

<tr>
                        <td align="left" style="font-family: Arial, sans-serif; color:#555555; font-size: 11px; line-height: 13px; font-weight: bold; padding-bottom: 4px; width: 50%; min-width:50px; background: rgba(207,37,40,1.00)">Планируемая дата доставки:  <span style="font-weight: bold; background-color: rgb(255, 255, 255);"> </span><span style="font-weight: bold; text-align: -webkit-right; background-color: rgb(255, 255, 255);">[% lastorder = anketa.order.keys().sort()[anketa.order.keys().sort().max()] %] </span><span style="font-weight: bold; background-color: rgb(255, 255, 255);">[% anketa.order.$lastorder.DeliveryDate %]<br />
                        <br />
                        Тип доставки:&nbsp;</span><span style="font-weight: bold; text-align: -webkit-right; background-color: rgb(255, 255, 255);">[% lastorder = anketa.order.keys().sort()[anketa.order.keys().sort().max()] %]&nbsp;</span><span style="font-weight: bold; background-color: rgb(255, 255, 255);">[% anketa.order.$lastorder.Delivery %]</span><br />
                        <br />
                        <br />
                        Номер заказа <span style="font-weight: bold; text-align: -webkit-right; background-color: rgb(255, 255, 255);"> [% lastorder = anketa.order.keys().sort()[anketa.order.keys().sort().max()] %] </span>[% anketa.order.$lastorder.Num %]</td>
                        <td align="right" style="font-family: Arial, sans-serif; color:#555555; font-size: 11px; line-height: 13px; font-weight: bold; padding-bottom: 4px; width: 50%; min-width:50px;"><br />
                        <br />
                        <br />
                        <br />
                        Дата заказа <span style="font-weight: bold; text-align: -webkit-right; background-color: rgb(255, 255, 255);"> </span>&nbsp;[% anketa.order.$lastorder.Date %]</td>
                      </tr>

Answer 1

And if you use the transfer of letters in words (overflow-wrap, word-wrap, word-break) ?