12/06/2020

Definir o limite de comprimento de texto usando CSS

Definir o limite de comprimento de texto usando CSS

É 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á:

Texto com o comp...
Share

Marcelo Sena

Programador PHP e Especialista em Sistemas WEB. Atualmente trabalhando como Freelancer, e Autor/Editor nas horas vagas - blog marcelosena.com.

Você pode gostar...

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

%d blogueiros gostam disto: