Empêcher les tables/couches d'éclater et les mots de se briser
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 longtemps, la table sera brisée, et si vous en prenez soin, les mots anglais seront divisés.
De nombreuses personnes ont soulevé la question d'
empêcher la rupture du tableau
. Oui, je l'ai également résolu dans la première version, mais cela a provoqué la fragmentation des mots anglais et leur insertion dans de nouvelles lignes, donc lorsque j'ai créé le nouveau modèle, j'ai 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.
Selon la plupart des articles sur Internet, ajoutez simplement :
code
...........
table {
table-layout:fixed;word-break:break-all;word-wrap:break-word;}
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.
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.
comme suit:
de codes
{
disposition de la table : corrigé ;
retour à la ligne : pause-mot ;
}
div{
retour à la ligne : pause-mot ;
}
http://font.knowsky.com/C'est
aussi le code que j'utilise maintenant.
-------------------------------------------------- ---
Selon
la version manuelle chinoise CSS2 de Rainer Su : Héritage des attributs propriétaires IE5+ : Oui Syntaxe :
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 descriptions de textes non asiatiques
contenant une petite quantité de texte asiatique :
Définit ou récupère le comportement de retour à la ligne 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+
: Héritage des propriétés propriétaires IE5.5+ : oui Syntaxe :
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, des sauts de mots se produiront é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, des sauts de ligne intra-mots (saut de mot) se produiront également,
donc le retour à la ligne est suffisant. Par défaut, les sauts de mots ne seront pas séparés, mais s'il y a un mot très long, comme une mauvaise version du mot. mot le plus long de l'histoire la dernière fois, les 12 mots anglais effrayants, il peut également diviser les lignes, évitant ainsi que la table ne soit endommagée.
Cependant, cela n'a pas été 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 très long, Mozilla Firefox le fera. Il ne brisera pas la ligne et il se brisera.
Je ne sais pas si CSS3 acceptera cet attribut, mais pour être honnête, les mots trop BT sont meilleurs...