12/06/2020

Definir o limite de comprimento de texto usando CSS

propriedade text-overflow

É possível limitar o comprimento do texto usando CSS. Quando você precisa limitar o tamanho de nomes de usuário ou títulos de cards etc…
Com a propriedade text-overflow conseguirá fazer isso, veja como faz:

Código CSS:

					
.demo {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 150px;
}

Código HTML:

					
<p class=”demo”>Texto com o comprimento limitado:</p>

O resultado será:

Comente abaixo se deu certo pra você ou qual solução funcionou!

😉

Caso tenha alguma sugestão de novas postagens também pode me contatar -> Falar com Marcelo Sena

Share

Marcelo Sena

Programador PHP especialista em Sistemas WEB. Atualmente trabalhando como Freelancer, e Autor/Editor nas horas vagas.

Você pode gostar...

Deixe um comentário

%d blogueiros gostam disto: