Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: diego_lp en 8 Julio 2010, 23:33 pm



Título: Limitar el texto que se muestra en la web
Publicado por: diego_lp 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.


Título: Re: Limitar el texto que se muestra en la web
Publicado por: ~ Yoya ~ en 9 Julio 2010, 00:20 am
Usa overflow....

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

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:
(http://img269.imageshack.us/img269/1359/salb.png)