elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Usando Git para manipular el directorio de trabajo, el índice y commits (segunda parte)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Limitar el texto que se muestra en la web		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Limitar el texto que se muestra en la web  (Leído 4,035 veces)
diego_lp

Desconectado Desconectado

Mensajes: 180


In a free world, who needs gates and windows?


Ver Perfil WWW
Limitar el texto que se muestra en la web
« en: 8 Julio 2010, 23:33 pm »
Hola, tengo un texto (bastante largo) y quiero mostrarlo en mi web en un cuadro que limite el contenido, a ver si me explico, lo que quiero es que cuando el texto llegue a cierto punto se corte o baje al renglon de abajo.
Trate de hacerlo dandole un tamaño a una tabla y a una div pero si el texto es mas largo que el tamaño que le di simplemente se deforma...
Espero puedan ayudarme.
Muchas gracias.
Saludos.
En línea
Los programadores hicimos un pacto con Dios, él no hace sistemas y nosotros no hacemos milagros!
~ Yoya ~
Wiki

Desconectado Desconectado

Mensajes: 1.125



Ver Perfil
Re: Limitar el texto que se muestra en la web
« Respuesta #1 en: 9 Julio 2010, 00:20 am »
Usa overflow....

a.html
Código
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2.  
  4.   <title></title>
  5.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.   <link rel="stylesheet" type="text/css" href="a.css" />
  7. </head>
  9. <div id="bloque">
  10. aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
  11. asasdasaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
  12. asasdasaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
  13. asasdasaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
  14. asasdasaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
  15. asasdasaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
  16. asasdas
  17. asasdas
  18. </div>
  19.  
  20.  
  21. </body>
  22. </html>
  23.  

a.css
Código
  1.  
  2. #bloque {
  3.     float : left;
  4.     height : 20%;
  5.     overflow : scroll;
  6.     width : 50%;
  7.     background-color : #54257a;
  8.   }
  9.  
  10.  

Salida:
En línea
Mi madre me dijo que estoy destinado a ser pobre toda la vida.
Engineering is the art of balancing the benefits and drawbacks of any approach.
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Número en texto muestra formulario
Programación Visual Basic 		do-while1 3 2,382 Último mensaje 8 Abril 2013, 06:53 am
por tincopasan
¿Sacar el texto que muestra de una imagen?
Dudas Generales 		Orb 3 2,333 Último mensaje 4 Marzo 2015, 12:37 pm
por Eleкtro
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines