Empêcher les tables/couches d'éclater et les mots de se briser Empêcher l'éclatement du formulaire Ce problème a été mentionné par de nombreuses personnes, et je l'ai résolu plus tard dans la première version, mais cela provoquait la fragmentation des mots anglais et leur insertion dans de nouvelles lignes. Ainsi, lorsque j'ai créé le nouveau modèle, je n'ai pas ajouté de code CSS. pour contrôler cela. Je l'ai essayé aujourd'hui et j'ai trouvé que la solution est très simple. disposition de la table : corrigé ; break-word : break-all ; word-wrap : break-word ;} div{word-break:break-all;word-wrap:break-word;} 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. tableau { C'est aussi le code que j'utilise maintenant. D'après le manuel chinois CSS2 de Rainer Su version word-break : propriétés propriétaires IE5+ héritage : oui Syntaxe : illustrer: version word-wrap : IE5.5+ propriétés propriétaires héritage : oui Syntaxe : illustrer: Le retour à la ligne est donc suffisant. Par défaut, les mots ne seront pas divisés en nouvelles lignes. Cependant, s'il existe un mot très long, comme la mauvaise version des 12 mots anglais les plus effrayants de l'histoire, cela brisera également les lignes. empêche le formulaire d’être endommagé.
On peut dire que le problème du retour à la ligne automatique des mots anglais a torturé de nombreuses personnes. Si un mot est écrit pendant une longue période, le tableau sera brisé, mais s'il est ignoré, les mots anglais seront divisés.
Selon la plupart des articles sur Internet, ajoutez simplement :
code
...........
tableau {
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
disposition de la table : corrigé ;
retour à la ligne : pause-mot ;
}
div{
retour à la ligne : pause-mot ;
}
-------------------------------------------------- ---
mot-break: normal | tout casser |
Valeur:
normal : valeur par défaut. Autoriser les sauts de ligne entre les mots
break-all : ce 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
Définit ou récupère le comportement d'habillage intra-mot pour le texte dans un objet. Surtout lorsque plusieurs langues apparaissent.
Pour le chinois, il faut utiliser break-all.
Cette propriété est en lecture seule pour l'objet currentStyle. Il est lisible et inscriptible par d'autres objets.
La fonctionnalité de script correspondante est wordBreak.
Exemple:
div {word-break : tout casser }
S'applique à :
IE5.0+
retour à la ligne : normal |
Valeur:
normal : valeur par défaut. Autoriser le contenu à s'étendre au-delà des limites spécifiées du conteneur
break-word : le contenu dépassera les limites. Si nécessaire, une coupure de mot se produira également
Définit ou récupère s'il faut couper la ligne lorsque la ligne actuelle dépasse la limite du conteneur spécifié.
Cette propriété ne fonctionne que sur les objets de présentation, tels que les objets bloc. Pour utiliser cet attribut pour les éléments en ligne, vous devez d'abord définir l'attribut de hauteur ou de largeur de l'objet, ou définir l'attribut de position sur absolu, ou définir l'attribut d'affichage sur bloquer.
Cette propriété est en lecture seule pour l'objet currentStyle. Il est lisible et inscriptible par d'autres objets.
La fonctionnalité de script correspondante est wordWrap.
Exemple:
div { word-wrap : break-word ; word-break : break-all ;
Faites attention à ceci
break-word : le contenu dépassera les limites. Si nécessaire, une coupure de mot se produira également
Cependant, cela n'est pas adopté comme norme CSS2 par le w3c, donc Mozilla ne prend pas en charge cet attribut. Si tout le monde écrit bien les mots anglais, Firefox ne divisera pas les mots et ne les enveloppera pas dans de nouvelles lignes. mot, Mozilla Firefox ne brisera pas la ligne et elle se brisera.
Je ne sais pas si CSS3 acceptera cet attribut, mais pour être honnête, les mots trop BT sont meilleurs...