Nous savons comment écrire du CSS pour les sauts de ligne et les sauts de ligne Div. Mais pour les cellules d'un tableau, nous ne connaissons qu'un seul attribut, nowrap, qui peut empêcher son retour à la ligne. J'ai eu ce besoin récemment, mais j'ai découvert que l'ajout de nowrap provoquerait toujours des sauts de ligne dans certains cas ! Malheureusement, n'existe-t-il aucun moyen de forcer l'absence de saut de ligne ?
Comment utiliser CSS pour réaliser un retour à la ligne automatique ou un non-retournement à la ligne des données des cellules du tableau :
1. Saut de ligne forcé :
<style type="text/css">
.AutoNewline
{
mot-break : break-all ;/*obligatoire*/
}
</style>
<tr>
<classe td="AutoNewline">
retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique retour à la ligne automatique
</td>
</tr>
</tableau>
2. Ne forcez aucun saut de ligne :
<style type="text/css">
.Pas de Nouvelle ligne
{
coupure de mots : garder tout ;/*obligatoire*/
}
</style>
<tr>
<td class="NoNewline">Pas de saut de ligne, pas de saut de ligne, pas de saut de ligne, pas de saut de ligne, pas de saut de ligne, pas de saut de ligne, pas de saut de ligne, pas de saut de ligne, pas de saut de ligne, pas de saut de ligne</td >
</tr>
</tableau>