1. Direto ao Ponto
  2. Linguagem
  3. CSS

Como limitar tamanho de texto no css?

limitar tamanho texto com css

Pode usar a unidade de medida ch para definir o width e overflow: hidden.

Por exemplo no texto:

0123456789

vou colocar o width: 5ch; ficando assim:

0123456789

No style também é usado o overflow: hidden; para ocultar o texto excedente.

Quer acompanhar as novidade do site?

Leia mais em: eveloper.mozilla.org/pt-BR/do...

Como limitar tamanho de texto no css?

Última atualização: 2023-02-15

Exemplos de uso
restringir tamanho de texto mostrar texto apenas no limite da div esconder texto ocultar texto tornar texto invisível usar overflow CSS

Palavras-Chaves
limitar tamanho texto css overflow hidden width ch

Quer acompanhar as novidade do site?
Veja também:
imagem referente a Como riscar texto com css?

Como riscar texto com css?

Riscar texto com CSS

imagem referente a Para que serve “overflow: hidden;” em CSS?

Para que serve “overflow: hidden;” em CSS?

CSS overflow hidden

imagem referente a Como dar espaço em html?

Como dar espaço em html?

espaço em html

imagem referente a Como embutir código PHP em arquivos CSS?

Como embutir código PHP em arquivos CSS?

manipular CSS com PHP

imagem referente a Como alinhar o texto no CSS?

Como alinhar o texto no CSS?

Alinhar texto CSS

imagem referente a Como colocar ícone no site?

Como colocar ícone no site?

Colocar icone no site

Web Stories

imagem referente a

O que é hardcode e por que você precisa entender isso? Aprenda sobre a prática de inserir valores fixos diretamente no código.
imagem referente a

O Futuro da Web Está no Metaverso: descubra como o metaverso está transformando a web e como desenvolvedores podem criar experiências imersivas.
imagem referente a

Como usar o atributo loading em imagens para melhorar a performance do site: Aprenda a usar este atributo pouco conhecido, mas muito poderoso, para melhorar a velocidade de carregamento das suas pág
Metaverso e Desenvolvimento Web: Como Criar Experiências Imersivas Usando Tecnologias Web

Metaverso e Desenvolvimento Web: Como Criar Experiências Imersivas Usando Tecnologias Web

Descubra como criar experiências imersivas para o metaverso usando tecnologias web como WebXR e WebGL. Aprenda como preparar seu site para o futuro da internet com APIs de RA e RV.
Metaverso e o futuro da web
Quer deixar seu site mais profissional e memorável?

Quer deixar seu site mais profissional e memorável?

Aprenda a criar e adicionar um favicon personalizado em poucos passos. Descubra como esse pequeno ícone pode fazer toda a diferença na identidade da sua marca.
como colocar ícone no html
Qual é a melhor plataforma para monetizar meu site em 2024, Adsterra ou Google AdSense?

Qual é a melhor plataforma para monetizar meu site em 2024, Adsterra ou Google AdSense?

Embora o Google AdSense seja amplamente conhecido, o Adsterra oferece vantagens significativas. Para saber como o Adsterra pode revolucionar seus ganhos online, leia nosso artigo completo.
Adsterra ou AdSense: Qual é Melhor para Monetizar
botão de compartilhamento whatsapp botão de compartilhamento no twiter botão de compartilhamento do site botão de compartilhamento no linkedin botão de compartilhamento whatsapp