Pular para o conteúdo

CSS3 - Forçando quebra de linha em URL longa

Dica publicada em Javascript / Design
Fábio Berbert de Paula fabio
Hits: 11.220 Categoria: Javascript Subcategoria: Design
  • Indicar
  • Impressora
  • Denunciar
O Viva o Linux depende da receita de anúncios para se manter. Ative os cookies aqui para nos patrocinar.
Não conseguimos carregar os anúncios. Se usa bloqueador, considere liberar o Viva o Linux para nos patrocinar.

CSS3 - Forçando quebra de linha em URL longa

Dica rápida de formatação de página em CSS. Supondo que você tem um container com espaço limitado e uma URL gigante, como por exemplo:

http://meudominio/categoria1/subcategoria/hoje-vamos-falar-de-como-quebrar-url-usando-css...

Se não fizer nada, o layout fica expandido até casar com o tamanho da URL, gerando aquela indesejável scroll horizontal na parte inferior do browser.

A solução é simples, basta adicionar a seguinte formatação global em teu estilo.css:

a {
   word-wrap: break-word;
}
O Viva o Linux depende da receita de anúncios para se manter. Ative os cookies aqui para nos patrocinar.
Não conseguimos carregar os anúncios. Se usa bloqueador, considere liberar o Viva o Linux para nos patrocinar.

Espero que ajude!

O Viva o Linux depende da receita de anúncios para se manter. Ative os cookies aqui para nos patrocinar.
Não conseguimos carregar os anúncios. Se usa bloqueador, considere liberar o Viva o Linux para nos patrocinar.

Descubra o quanto você já gastou na Google Play

Como checar se sua placa possui sinal físico de rede

Redirecionando saída de comando para arquivo com sudo

APT - Como descobrir a que repositório pertence um pacote

Monitorando tarefas com o comando watch

HTML - Lazy Loading

Site com diversos emojis para seus códigos

Como personalizar o thumbnail de seu site no Facebook

Botões com imagem cambiável

Javascript - Criando galeria de imagens com "LIGTHBOX"

Nenhum comentário foi encontrado.

Contribuir com comentário

Entre na sua conta para comentar.