Test Foro de elhacker.net SMF 2.1

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 (html4strict) [Seleccionar]
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" type="text/css" href="a.css" />
</head>
<body>
<div id="bloque">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
asasdasaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
asasdasaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
asasdasaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
asasdasaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
asasdasaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
asasdas
asasdas
</div>


</body>
</html>


a.css
Código (css) [Seleccionar]


#bloque {
    float : left;
    height : 20%;
    overflow : scroll;
    width : 50%;
    background-color : #54257a;
  }



Salida:
(http://img269.imageshack.us/img269/1359/salb.png)