Foros del Web » Creando para Internet » CSS »

Cortar lineas de texto segun el ancho de pantalla

Estas en el tema de Cortar lineas de texto segun el ancho de pantalla en el foro de CSS en Foros del Web. Hola, Resulta que estoy haciendo un sitio resposive, y utilizo la grilla de boostrap. Tengo un texto centrado en una columna, de 3 lineas asi: ...
  #1 (permalink)  
Antiguo 27/10/2014, 13:23
 
Fecha de Ingreso: octubre-2014
Mensajes: 1
Antigüedad: 9 años, 4 meses
Puntos: 0
Pregunta Cortar lineas de texto segun el ancho de pantalla

Hola,

Resulta que estoy haciendo un sitio resposive, y utilizo la grilla de boostrap.

Tengo un texto centrado en una columna, de 3 lineas asi:

<p>texto texto texto texto texto <br>
texto texto texto texto texto <br>
texto texto texto texto.

Le coloco <br> por que elijo en donde se corta la linea ya que es una frase y tendria que cortarse ahi.

El tema es que cuando cambio de resolucion y la columna se hace mas chica (logico), las lineas se empiezan a partir mal. Probe con un media query a 480 le disminui un poco el tamaño de la letra, pero luevo vuelve a pasar lo mismo.

Hay alguna manera de poder elegir como se va partiendo la linea de acuerdo al ancho de la columna?.

Gracias!
  #2 (permalink)  
Antiguo 03/11/2014, 14:38
 
Fecha de Ingreso: marzo-2011
Ubicación: Oaxaca
Mensajes: 252
Antigüedad: 13 años
Puntos: 17
Respuesta: Cortar lineas de texto segun el ancho de pantalla

Hola amigo, en vez de usar br, deberias usar la propiedad de css

Código:
word-wrap: break-word;
con eso, se cortaran las frases, adaptandoce al ancho del contenedor que le dejes para la pantalla
espero que tesea de utilidad amigo, cualquier duda, comenta

PD: no te recomiendo que uses boostrap. y menos si estas aprendiendo css

Etiquetas: ancho, cortar, lineas, pantalla, tamaño
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 04:11.