Generador de CSS para truncar texto con puntos suspensivos y line-clamp
Convierte cualquier número de líneas en CSS de una sola línea con puntos suspensivos o multilínea con line-clamp
Genera código CSS listo para usar que trunca texto, desde el clásico truncado de una línea hasta el recorte multilínea con `-webkit-line-clamp`.
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Cómo usar
- Mueve el control deslizante para elegir cuántas líneas mostrar antes de truncar.
- Copia el código CSS generado en tu hoja de estilos.
Preguntas frecuentes
- ¿Funciona en todos los navegadores?
- Sí, utiliza la propiedad `-webkit-line-clamp`, ya estandarizada y compatible con todos los navegadores modernos.
- ¿El código para una línea es distinto al de varias líneas?
- Sí. Para una línea se combinan `text-overflow: ellipsis` y `white-space: nowrap`, mientras que a partir de dos líneas se usa `-webkit-line-clamp` junto con `display: -webkit-box`; la herramienta genera automáticamente el conjunto correcto.
- ¿Puedo mostrar el texto completo al pasar el cursor por encima?
- No solo con CSS. Añade un atributo `title` o un pequeño script de tooltip junto con el truncado para revelar el texto completo al pasar el ratón.