Fazer com que caracteres longos sejam quebrados automaticamente (como URLs e endereços de e-mail) Objetivo: Fazer com que strings muito longas sejam quebradas automaticamente, mas não quebre palavras curtas no meio.
Veja como:
-
- div{
- width:300px;overflow:hidden;/* para FF,Opera, largura fixa; ocultar caracteres extras*/
- word-wrap:break-word;word-break:normal;/* para IE, Safari, suporta quebra automática de linha*/
- }
- estilo >
|
Você pode executar o seguinte código no IE, Firefox, Opera e Safari respectivamente para ver:
- < estilo tipo = "texto/css" >
- div{largura:200px;plano de fundo:vermelho;overflow:oculto;quebra de palavra:quebra de palavra;quebra de palavra:normal;}
- estilo >
-
parabéns - Quebrar caracteres longos (como URLs e endereços de e-mail):
- http://www.div-css.com/html/standard/base/81857.html
- SDFG ALGUMA palavra tem espaçamento...
- XXXXXXXXXXDGXXXXXXXXYYYYDFGYYXXXXXXXSDGXXXXXXXXXXXXyXXXXXXXXXXxespaço em branco: nowrap
- Algumas fontes chinesas Algumas fontes chinesas Algumas fontes chinesas Algumas fontes chinesas Algumas fontes chinesas Algumas fontes chinesas podem não quebrar
- Padronização da Web < a href = "http://www.div-css.com" _fcksavedurl = "http://www.div-css.com" > www.div-css.com a >
- Caracteres chineses Caracteres chineses Caracteres chineses Caracteres chineses em inglês Caracteres chineses Caracteres chineses em inglês Caracteres em chinês em inglês Caracteres em chinês em inglês Caracteres em chinês em inglês Caracteres em chinês em inglês Caracteres em chinês em inglês Caracteres em chinês em inglês Caracteres em chinês em inglês
-
|
Além disso, quanto ao método na Internet de usar JS para agrupar automaticamente strings longas no Firefox, não é recomendado. O motivo é que a string obtida após o encapsulamento não é mais a string original, por exemplo, se for um link. endereço, se você copiá-lo novamente, não obterá mais o endereço original e haverá um espaço no meio. Esse já é outro link.