Neste post vamos ensinar como limitar quantidade de linhas usando CSS, sem nenhum uso de Java script para essa função, é uma função bem simples, conhecida por front-ends avançados.
Em algumas situações essa função do CSS ajuda muito, em outras quando queremos esconder todos os dados que existe naquela linha, requer o uso de Java Script, pois a função usada apenas com CSS esconde apenas no visual, no código ela ainda permanece visível para qualquer usuário que saiba inspecionar o código e procurar aquela linha.
Segue o vídeo de demonstração:
Aqui adicionamos um código HTML com um paragrafo e um texto para demonstrar o comportamento do código CSS
Aqui é o código completo do CSS que irá bloquear a quantidade de linhas do texto.
Resultado final do código que indicamos acima:
See the Pen Limitando Linhas com CSS by Cupcom Codes (@cupcomcodes) on CodePen.
Nesse post vamos listar os 10 melhores temas WordPress para lojas de varejo de 2022,…
Quer otimizar seus projetos no Figma e elevar a qualidade das suas entregas? Neste post,…
Listamos 10 sites para baixar imagens e fotos gratuitas para uso pessoal ou comercial livre…
In the biggest news of the month, WordPress 6.5 is being shipped today after having…
In the biggest news of the month, WordPress 6.5 is being shipped today after having…
9 sites para baixar fontes gratuitas para usar em projetos de design gráfico ou web,…