2

Estoy tratando de crear saltos de línea al menú de mi plantilla, inserté word-wrap:break-word; a mi elemento <ul>, pero no funcionó.

Link de la plantilla: https://themesbrand.com/veltrix/layouts/vertical/index.html

introducir la descripción de la imagen aquí

6
  • Mejor dale mas pixeles al ancho de cada item para que quepa correctamente. Width:160px quizás. Commented el 6 jul. 2019 a las 14:27
  • en la consola hacele botón derecho al ul y dale a copy outer html así lo vemos en texto ( copiate también los css ) lo mas seguro es que haya un inline-block sin ancho máximo Commented el 6 jul. 2019 a las 17:05
  • Estimados, dejé el enlace... La verdad no soy pro en css... Alguna ayuda? Commented el 7 jul. 2019 a las 20:58
  • Lo siento Jhon, pero por más que fuerce a la plantilla a crear lo que muestras en tu imagen, no logro reproducirlo, pues el salto de línea se hace de forma automática. ¿No estás tocando nada más del CSS? Por favor revisa Cómo crear un ejemplo mínimo, completo y verificable. Commented el 8 jul. 2019 a las 18:31
  • @JheymanMejia teniendo la versión reducida del menú dentro de la plantilla si que se puede reproducir
    – Jose
    Commented el 11 jul. 2019 a las 18:25

1 respuesta 1

5

La propiedad que controla los saltos de linea es el white-space

word-break se utiliza más cuando tienes una palabra demasiado grande y se sale del container principal (un ejemplo de eso sería un link muy largo que es todo texto seguido)

Añadiendo al li la propiedad white-space:initial

1
  • Muchas gracias por la respuesta, efectivamente es lo que estaba tratando de conseguir. Commented el 12 jul. 2019 a las 14:05

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.