Crear introducción con Leer Más (…) en CSS
Con este estilo en CSS omitiremos con (…) el excedente de texto de una introducción
Si queremos crear las típicas introducciones con tamaño fijo donde el excedente se omite y se muestran puntos suspensivos que indican que el texto en cuestión esta omitido deberemos aplicar este estilo:
.LeerMas { display: block; display: -webkit-box; max-width: 90%; height: 45px; margin: 0 auto; font-size:12px; line-height: 15px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align:left; margin-top:5px; }
Los parámetros de tamaño del texto y altura del bloque los modificamos a gusto.
Hi there, I found your site by means of Google even as looking for a similar subject, your site came up, it seems to be great. I’ve bookmarked it in my google bookmarks.