Detener la división de palabras entre palabras

body { word-wrap: break-word;}

He estado usando ese código (arriba) para ajustar el texto en el body en su contenedor. Sin embargo, lo que no me gusta es que rompe palabras.Detener la división de palabras entre palabras

¿Hay alguna otra manera en la que no rompa palabras y solo salto de línea después o antes de una palabra?

EDITAR: Esto es para usar dentro de un UIWebView.

Fuente

2010-09-23 Joshua

¿Qué significa "palabra de ruptura" significa? –

Lo sabía, pero digo "¿Hay otra manera?". – Joshua

alas 'word-wrap: normal;' no ayuda. Ni 'white-space: wrap;' solo ayuda si está tratando de ajustar palabras en una celda de tabla (mi situación). –

use white-space: wrap;. Si ha configurado el ancho en el elemento en el que está configurando esto, debería funcionar.

actualización - datos prestados en Firefox alt text

Fuente

2010-09-23 08:08:11

No, todavía nada. Este código todavía muestra el texto completo con la barra de desplazamiento horizontal. 'cuerpo {ancho: 768px; white-space: wrap;} ' – Joshua

simplemente estableciendo el ancho se encarga de envolver el texto que necesita (al menos en firefox).¿Puedes verificar comportamientos en navegadores específicos y actualizar la publicación –

? He actualizado mi respuesta para incluir el resultado representado en Firefox. –

Puede probar este ...

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 :;} es una propiedad exclusiva de IE, y no una parte de CSS. El manejo de Firefox es correcto. Desafortunadamente, FF no admite un guión suave /. entonces esa no es una opción Posiblemente podría insertar un cabello o un espacio delgado, & hairsp;/(verifíqueme en la entidad numérica) y & thinsp; /, respectivamente.

Haciendo {overflow: hidden;} reduciría el desbordamiento fuera, y {overflow: auto;} podría causar el desbordamiento de poder desplazarse.

Fuente

2010-09-23 06:18:25

Ninguno de los ejemplos que me diste realmente funciona, el único que lo hace es 'word-wrap'. – Joshua

alternativa es {overflow: hidden;} y {overflow: auto;} pero también hay un problema. –

Sí, pero eso no es lo que estoy buscando como 'desbordamiento: oculto;' ocultaría todo fuera del límite. :/ – Joshua

En mi situación estoy tratando de garantizar que las palabras envuelven a las propias palabras-se rompe dentro de celdas de la tabla.

Encontré que necesito el siguiente CSS para lograr esto.

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

También puedes ver que nada más está cambiando word-break-break-word en lugar de normal.

Fuente

2013-02-12 23:24:10

¡Ahorro de vida! Gracias –

puede ser un poco tarde, pero se puede añadir este css para detener separaciones de palabras:

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

Fuente

2016-07-27 10:32:16 Ralphonz

¡Esa es la respuesta correcta! –

que se enfrentaron a un problema similar en mi estructura de rejilla y utilizado, la palabra-break: romper palabra; en mi grilla y mi problema se resolvió.

Fuente

2016-08-12 09:06:14 Abishek

No hay un valor 'break-word' para la propiedad' word-break'. –

Por favor, use el valor nowrap and wrap no fue para mí. nowrap resolvió el problema.

Use white-space: nowrap;

Fuente

2017-11-15 07:19:53 Code

Detener la división de palabras entre palabras

Respuesta

Cuestiones relacionadas