Saltar al contenido

CSS o que? Forzar la división del texto en varias líneas

Posteriormente a indagar en diversos repositorios y sitios webs de internet finalmente hemos descubierto la respuesta que te compartimos ahora.

Solución:

Aplicar word-break: break-all; hará que el texto se ajuste a cualquier carácter siempre que exceda el ancho de su padre, sin la necesidad de un espacio u otro tipo de punto de interrupción.

Como ya se indicó en la respuesta aceptada, use lo siguiente:

word-break:break-all;

La especificación W3 que habla de esto parece sugerir que word-break: break-all es para requerir un comportamiento particular con texto CJK (chino, japonés y coreano), mientras que word-wrap: break-word es más general, no -Consciente de CJK, comportamiento. (crédito: AakashM: ver publicación)

Opciones de propiedad de salto de palabra (Escuelas W3):

normal      Default value. Break words according to their usual rules

break-all   Lines may break between any two letters

keep-all    Breaks are prohibited between pairs of letters

initial     Sets this property to its default value. Read about initial

inherit     Inherits this property from its parent element. Read about

Ejemplo de trabajo:

Word-Break W3Schools

hacer un div más pequeño y usar CSStext-align: justify y word-break:break-all;

¿Es esto lo que quieres?

Si posees alguna incertidumbre o forma de limar nuestro noticia eres capaz de dejar un paráfrasis y con deseo lo interpretaremos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *