web-dev-qa-db-fra.com

Arrêter des mots de division de work-wrap

body { Word-wrap: break-Word;}

J'utilise ce code (ci-dessus) pour adapter le texte dans body dans son conteneur. Cependant, ce que je n'aime pas à ce sujet, c'est qu'il brise des mots.

Y a-t-il une autre façon où il ne cassera pas les mots et seulement la pause de la ligne après ou avant un mot?

Edit: Ceci est destiné à être utilisé dans un UIWebView.

cssuiwebviewword-wrap
20
Joshua

utilisation white-space: wrap;. Si vous avez défini une largeur sur l'élément sur lequel vous définissez cela, cela devrait fonctionner.

mise à jour - données rendues dans Firefox alt text

6
Vinay B R

Peut être un peu en retard mais vous pouvez ajouter ce CSS pour arrêter les pauses de mots:

.element {
    -webkit-hyphens: none;
    -moz-hyphens:    none;
    -ms-hyphens:     none;
    hyphens:         none;
}
12
Ralphonz

Vous pouvez essayer ceci ...

body{
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
Word-wrap: break-Word; /* IE */
}

{Word-Wrap :;;} est un IE propriété propriétaire, et non une partie de CSS. La manipulation de Firefox est correcte. Malheureusement, FF ne supporte pas un trait doux /. Donc ce n'est pas une option . Vous pouvez éventuellement insérer un coiffure ou un espace mince,/(Consultez-moi sur l'entité numérique) et /, respectivement.

Fabriquez {Overflow: caché;} couper le trop-plein, et {débordement: auto;} causerait le débordement d'activer le défilement.

4
Pramendra Gupta

Dans ma situation, j'essaie d'assurer des mots enrouler à des pauses de mots appropriées dans les cellules du tableau.

J'ai trouvé que j'ai besoin du CSS suivant pour y parvenir.

table {
  table-layout:fixed;
}
td {
  white-space: wrap;
}

vérifiez également que rien d'autre ne change Word-break à break-Word au lieu de normal.

2
Dave Sag

S'il vous plaît utiliser Nowrap et Wrap Value n'est pas venu pour moi. Nowrap a résolu le problème.

Use white-space: nowrap;
2
Code

Numéro de jeu de mots sur le navigateur Firefox. Vous pouvez donc utiliser pour prévenir la pause de mots:

-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
0
Vaishali Chauhan

J'ai rencontré un problème similaire dans ma structure de grille et j'ai utilisé, Word-Break: Break-Word; dans ma grille et mon problème a été résolu.

0
Abishek

J'ai eu le même problème, j'ai résolu-le en utilisant le CSS suivant:

.className {
  white-space:pre-wrap;
  Word-break:break-Word;
}
0
sumit dubey

Utilisation white-space: nowrap;

Propriété de l'espace blanc CSS

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

En savoir plus sur l'exemple d'espace blanc

0
sivahari