580 votes

Retour à la ligne dans une table HTML

J'ai été en utilisant word-wrap: break-word de renvoyer le texte en divs et spans. Cependant, il ne semble pas fonctionner dans les cellules de tableau. J'ai un set de table pour width:100%, avec une ligne et deux colonnes. Texte en colonnes, bien que de style ci-dessus, word-wrap, ne pas envelopper. Il provoque le texte à aller au-delà des limites de la cellule. Ce qui se passe sur Firefox, Google Chrome et Internet Explorer.

Voici ce que la source ressemble à:

<table style="width: 100%;">
  <tr>
    <td align="left"><div style="word-wrap: break-word;">Long Content</div></td>
    <td align="right"><span style="display: inline;">Short Content</span></td>
  </tr>
</table>

"Un Contenu Long" est plus large que les limites de ma page, mais il ne rompt pas avec le HTML ci-dessus. J'ai essayé les suggestions ci-dessous de l'ajout d' text-wrap:suppress et text-wrap:normal, mais ni aidé.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X