Foros del Web - Ver Mensaje Individual

emprear · #4 (**permalink**) 14/01/2012, 11:58

Cita:

Iniciado por Tedel

80% seguro de que eso se hace con programación y no con CSS.

Yo le daría un poco más de chances ...
Con css podés usar la propiedad text-overflow con el valor ellipsis.
No sé si se adapte a lo que necesitas

Ejemplo

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css"> 
 
div.test{
white-space:nowrap;
width:12em; 
overflow:hidden; 
border:1px solid #000000; 
text-overflow:ellipsis;
}
 
div.test:hover{
text-overflow:inherit;
overflow:visible;
white-space:normal;
}
</style>
</head>
<body>
 
<div class="test">
Lorem ipsum dolor sit amet,  consectetur adipiscing elit. Quisque ipsum tellus, vehicula eget luctus eu,  tristique sit
amet enim. Vestibulum condimentum dui in risus elementum consequat
</div>
<br />
</body>
</html>

Saludos