CSS3 - Forçando quebra de linha em URL longa

Publicado por Fábio Berbert de Paula em 01/12/2014

[ Hits: 10.360 ]

Blog: https://mestrefabio.com

 


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;
}

Espero que ajude!

Outras dicas deste autor

Slack - Ferramenta de comunicação em equipe (PC, Android e iOS)

Apache e o teimoso charset ISO-8859-1 que não funciona em páginas PHP

Reproduzindo somente áudio com o mplayer

Gweled - clone do Bejeweled para Linux

Como recuperar uma senha salva no Chrome ou Firefox

Leitura recomendada

Ajax loading

Instalação do Aptana (Desevolvimento WEB)

Como evitar que o CSS do teu site fique armazenado em cache

Botões com imagem cambiável

CSS :: Bordas arredondadas

  

Comentários

Nenhum comentário foi encontrado.



Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts