1. Vous définissez la largeur du tableau, c'est-à-dire que vous donnez au tableau une valeur de largeur (une valeur numérique, pas un pourcentage) div{ div{ //word-break définit des sauts de ligne forcés ; règles de texte normales pour les langues asiatiques et non asiatiques, autorisant les sauts de ligne dans les mots div{ 3. Pour résumer, tant que les phrases suivantes sont définies en CSS, il est garanti que la page Web ne sera plus ouverte. table{table-layout : corrigé ;} Note: 1. Le premier tableau{table-layout:fixed;}, ce style peut faire en sorte que le tableau soit automatiquement renvoyé lorsqu'il y a des caractères tels que !!! (point d'exclamation). 2.td{word-break: break-all}, en général, vous pouvez utiliser cette phrase, mais dans certains cas particuliers, elle sera toujours interrompue, vous devez donc ajouter la phrase suivante (word-wrap: break-word ;) Cela peut être résolu. Ce style permet à certains mots anglais consécutifs du tableau de s'enrouler automatiquement. mot-break: normal | tout casser | paramètre: normal : Autoriser les sauts de ligne dans les mots conformément aux règles de texte pour les langues asiatiques et non asiatiques (2) Grammaire : retour à la ligne : normal | paramètre: normal : autoriser le contenu à pousser au-delà des limites spécifiées du conteneur illustrer: Définit ou récupère s'il faut couper la ligne lorsque la ligne actuelle dépasse la limite du conteneur spécifié. disposition de la table : automatique | paramètre: auto : l'algorithme automatique par défaut. La disposition sera basée sur le contenu de chaque cellule. Le tableau ne sera pas affiché tant que chaque cellule n'aura pas été lue et calculée. Très lent illustrer: Code: Plus tard, j'ai découvert qu'en réécrivant le code ci-dessus, je pouvais empêcher les tables/couches de se briser et les mots de se briser. Code: C'est aussi le code que j'utilise maintenant.
2. Ne forcez aucun saut de ligne
//espace blanc : pas de retour à la ligne ; valeur par défaut normale ; nowrap force tout le texte à être affiché sur la même ligne jusqu'à ce que le texte se termine ou qu'un objet br soit rencontré.
espace blanc:nowrap;
Retour à la ligne automatique
retour à la ligne : coupure de mot ;
saut de mot : normal ;
}
Forcer les sauts de ligne pour les mots anglais
mot-break:break-all;
}
td (mot-break : break-all ; word-wrap :break-word ;)
(1) Grammaire :
break-all : Le comportement est le même que celui normal pour les langues asiatiques. Les sauts dans n'importe quel mot d'une ligne de texte en langue non asiatique sont également autorisés. Cette valeur convient au texte asiatique contenant du texte non asiatique.
keep-all : Idem que d'habitude pour toutes les langues non asiatiques. Pour le chinois, le coréen et le japonais, les sauts de mots ne sont pas autorisés. Idéal pour les textes non asiatiques contenant une petite quantité de texte asiatique
break-word : le contenu dépassera les limites. Si nécessaire, des sauts de mots peuvent également se produire
La fonctionnalité de script correspondante est le retour à la ligne. Veuillez consulter les autres livres que j'ai écrits.
(3) Grammaire :
fixe : algorithme de mise en page fixe. Dans cet algorithme, la disposition horizontale est uniquement basée sur la largeur du tableau, la largeur de la bordure du tableau, l'espacement des cellules et la largeur des colonnes, et n'a rien à voir avec le contenu du tableau.
Comment faire en sorte que la table s'enroule automatiquement ?
Définit ou récupère l'algorithme de disposition du tableau.
L'attribut de script correspondant est tableLayout.
4. Selon la plupart des articles sur Internet, ajoutez simplement :
code
...........
tableau {<br />
table-layout:fixed;word-break:break-all;word-wrap:break-word;}<br />
div{word-break:break-all;word-wrap:break-word;}
Cela peut résoudre le problème des tables et des calques cassés. C'est ce que j'ai fait au début. Cependant, un tel code posera un problème. Vous constaterez que tous les mots anglais sont tronqués, ce qui n'est pas conforme aux habitudes d'écriture de l'anglais et n'est pas propice à la lecture.
comme suit:
code
tableau {
disposition de la table : corrigé ;
retour à la ligne : pause-mot ;
}
div{
retour à la ligne : pause-mot ;
}