CSS css

Limitar texto a duas ou três linhas com CSS

Recorte visual para resumos de cards, preservando o texto completo no HTML.

Código 
.resumo-card {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

Quando usar

Use quando resumos de tamanhos diferentes prejudicam o alinhamento de uma lista de cards.

Como adaptar ao seu projeto

Altere -webkit-line-clamp para a quantidade de linhas desejada. Garanta que a página de destino exiba o conteúdo completo.

Antes de publicar

O recorte é apenas visual. Não esconda informações necessárias para entender uma ação ou concluir uma tarefa.

Códigos relacionados

CSS

Centralizar conteúdo com CSS Grid

A forma curta de centralizar um elemento horizontal e verticalmente, sem posicionamento absoluto.

 CSS

Grade de cards responsiva sem media query

Uma grade fluida que cria tantas colunas quanto couberem e reorganiza os cards automaticamente.

 Git

.gitignore para um projeto web

Base conservadora que evita versionar dependências, segredos locais, logs e arquivos gerados.