Hoy vamos a ver algo muy útil, cuando estamos maquetando con CSS a veces puede interesarnos hacer que el texto que sobresale de una caja siga estando presente en la web y ademas se ajuste a los diferentes tamaños que pueda tener dicha caja.
Para ello veremos como poner puntos suspensivos con jQuery DotDotDot.
Descargamos e incluimos los ficheros JavaScript dentro de la etiqueta head del HTML.
<head>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.dotdotdot.js" type="text/javascript"></script>
</head>
Imaginemos que tenemos un div con el id «caja» con texto que se sale del mismo, porque el tamaño de la caja es limitado.
<div id="caja">
<p>Lorem Ipsum is simply dummy text.</p>
</div>
Lanzamos el plugin para ese id.
$(document).ready(function() {
$("#caja").dotdotdot({
// configuración
});
});
¿Quieres aprender más? Master en JavaScript: Aprende JavaScript, jQuery, Angular, NodeJS y más
Más información:
http://dotdotdot.frebsite.nl/
