<body style="direction: ltr;" leftmargin="2" topmargin="0" oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onselect="document.selection.empty()" oncopy ="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()" marginheight="0" marginwidth="0">Éliminer le programme de copie par clic droit Cet article explique comment utiliser CSS pour envelopper automatiquement du texte anglais. Tout le monde sait que l'anglais ou les chiffres continus peuvent faire s'étendre le conteneur et ne peuvent pas être automatiquement enveloppés en fonction de la taille du conteneur. Voici comment CSS peut les envelopper automatiquement ! Tout le monde sait que l'anglais ou les chiffres continus peuvent faire s'étendre le conteneur et ne peuvent pas être automatiquement enveloppés en fonction de la taille du conteneur. Voici comment CSS peut les envelopper automatiquement ! Pour Div, Table et différents navigateurs, les méthodes d'implémentation du retour à la ligne automatique CSS sont légèrement différentes. Elles sont présentées ci-dessous : pour div 1. (navigateur IE) white-space:normal; word-break:break-all ; ici, le premier suit la norme : div css xhtml xml Exemple de code source Exemple de code source [www.52css.com] ou: #wrap{word-break:break-all;largeur:200px;} Effet : un retour à la ligne automatique peut être obtenu 2. (Navigateur Firefox) white-space:normal; word-break:break-all;overflow:hidden; Il n'existe pas non plus de bonne méthode d'implémentation dans FF. Vous pouvez uniquement masquer ou ajouter des barres de défilement, mais bien sûr pas de barres de défilement. L'effet est meilleur ! div css xhtml xml Exemple de code source Exemple de code source [www.52css.com] ou: #wrap{word-break:break-all;largeur:200px;overflow:auto } Effet : Le conteneur est normal et le contenu est masqué 1. (Navigateur IE) Utilisez le style table-layout:fixed : div css xhtml xml Exemple de code source Exemple de code source [www.52css.com] Effet : enrouler automatiquement les lignes 2. Style d'utilisation (navigateur IE) : div css xhtml xml Exemple de code source Exemple de code source [www.52css.com] Effet : enrouler automatiquement les lignes 3. (Navigateur IE) Utilisez le style table-layout:fixed et nowrap lorsque vous utilisez un pourcentage pour corriger la taille du td : div css xhtml xml Exemple de code source Exemple de code source [www.52css.com] Effet : les deux TD s'enroulent normalement et automatiquement 4. (Navigateur Firefox) Utilisez le style table-layout:fixed et nowrap lorsque vous utilisez le pourcentage pour corriger la taille du td, et utilisez div : div css xhtml xml Exemple de code source Exemple de code source [www.52css.com] La largeur de la cellule doit ici être définie en pourcentage : elle s'affiche normalement, mais ne peut pas être renvoyée à la ligne.
#wrap{espace blanc:largeur normale:200px;
<div id="wrap">ddd111111111111111111111111111111</div>
#wrap{espace blanc:normal; largeur:200px; débordement:auto;}
<div id="wrap">ddd11111111111111111111111111111111111111</div>
http://font.knowsky.com/
pour table
<style>
.tb{table-layout:fixe}
</style>
<table class="tbl" width="80">
<tr><td>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</table>
<style>
.tb {table-layout:fixed}
</style>
<table class="tb" width="80"><tr><td nowrap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</table>
<style>
.tb{table-layout:fixe}
</style>
<table class="tb" width=80>
<tr>
<td width=25% nowrap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td>
<td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890</td>
</tr>
</table>
<style>
.tb {table-layout:fixed}
.td {débordement : caché ;}
</style>
<table class=tb width=80>
<tr><td width=25% class=td nowrap>
<div>abcdefghigklmnopqrstuvwxyz 1234567890</div>
</td>
<td class=td nowrap><div>abcdefghigklmnopqrstuvwxyz 1234567890</div></td>
</tr>
</table>