Foros del Web » Creando para Internet » CSS »

salto de linea en un li

Estas en el tema de salto de linea en un li en el foro de CSS en Foros del Web. hola tengo una lista Código HTML: <ul> <li> cosas de la vida </li> <li> muchas mas cosas de la vida </li> </ul> y no se ...
  #1 (permalink)  
Antiguo 19/05/2011, 10:54
Avatar de engonga  
Fecha de Ingreso: marzo-2002
Ubicación: Córdoba
Mensajes: 1.299
Antigüedad: 15 años, 9 meses
Puntos: 8
salto de linea en un li

hola tengo una lista

Código HTML:
<ul>
   <li>cosas de la vida</li>
   
   <li>muchas mas cosas de la vida </li>


</ul> 
y no se como hacer es que

la lista me salga así

|cosas de|
|la vida |

por que me sale asi

|cosas de la vida| y me expande el <li>
__________________
joan blanch
  #2 (permalink)  
Antiguo 19/05/2011, 13:01
Avatar de tasel  
Fecha de Ingreso: mayo-2011
Mensajes: 22
Antigüedad: 6 años, 7 meses
Puntos: 3
Respuesta: salto de linea en un li

Puedes hacerlo con una etiqueta de salto de línea o usando párrafos:

Código HTML:
Ver original
  1. <li>cosas de<br/>
  2.       la vida</li>

Código HTML:
Ver original
  1. <li><p>cosas de</p>
  2.       <p>la vida </p></li>

Yo siempre trato de evitar usar etiquetas br porque los párrafos son más versátiles a la hora de configurarlos con CSS, pero como quieras.
  #3 (permalink)  
Antiguo 19/05/2011, 14:05
Avatar de engonga  
Fecha de Ingreso: marzo-2002
Ubicación: Córdoba
Mensajes: 1.299
Antigüedad: 15 años, 9 meses
Puntos: 8
Respuesta: salto de linea en un li

pero el contenido es dinámico

no hay una forma de controlarlo por css tipo en las celda de una tabla que podías controlar el ancho
__________________
joan blanch
  #4 (permalink)  
Antiguo 19/05/2011, 15:12
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 9 años, 5 meses
Puntos: 1010
Respuesta: salto de linea en un li

usa la propiedad width
Cita:
ul li {
width: 60px;
}
  #5 (permalink)  
Antiguo 19/05/2011, 15:15
Avatar de tasel  
Fecha de Ingreso: mayo-2011
Mensajes: 22
Antigüedad: 6 años, 7 meses
Puntos: 3
Respuesta: salto de linea en un li

ah, el contenido es dinámico. La propiedad width de CSS no sólo sirve en tablas, también puedes dar un ancho a la lista (funciona tanto con ul como con li).

No sé si te interesa hacer el salto de línea en un punto concreto o que la lista tenga una anchura determinada, pero si es lo segundo, poner un width como he dicho funciona.
  #6 (permalink)  
Antiguo 19/05/2011, 22:52
Avatar de engonga  
Fecha de Ingreso: marzo-2002
Ubicación: Córdoba
Mensajes: 1.299
Antigüedad: 15 años, 9 meses
Puntos: 8
Respuesta: salto de linea en un li

ok lo probaré!!!

es para que no me "destroce" un menú
__________________
joan blanch

Etiquetas: linea, salto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:22.