Table HTML avec une largeur de 100% ne fonctionne pas avec un texte long

Je avoir la structure suivante

<table cellspacing="0" cellpadding="0" width="100%">
<tr>
    <td style="width:60px;">
        ...
    </td>
    <td>
        <div style="width:100%;overflow-x:hidden;">
            PROBLEMS ARE HERE
        </div>
    </td>
</tr>
...
</table>

Le premier td prend 60px, le second prend le reste de la 100%, mais quand j'en ai un long texte sans espaces et sans tiret de la table devient de plus de 100%.
Comment afficher la non-sécable texte dans une seule ligne ou sur plusieurs lignes (les deux sens sont acceptables) et garder la table sur 100% de l'écran?
J'ai essayé de corriger cela avec trop-plein caché, mais il n'a pas d'effet.
Voici une capture d'écran du problème:lien

source d'informationauteur

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *