<body style="direção: ltr;" leftmargin="2" topmargin="0" oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onselect="document.selection.empty()" oncopy ="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()" marginheight="0" marginwidth="0">Eliminar programa de cópia com o botão direito Este artigo apresenta como usar CSS para quebrar automaticamente o texto em inglês. Todo mundo sabe que o inglês ou os números contínuos podem fazer o contêiner se expandir e não podem ser agrupados automaticamente de acordo com o tamanho do contêiner. Todo mundo sabe que o inglês ou os números contínuos podem fazer o contêiner se expandir e não podem ser agrupados automaticamente de acordo com o tamanho do contêiner. Veja como o CSS pode envolvê-los automaticamente! Para Div e tabela e navegadores diferentes, os métodos para implementar a quebra automática de linha CSS são ligeiramente diferentes. para div 1. (navegador IE) white-space:normal; word-break:break-all aqui o primeiro segue o padrão: div css xhtml xml Exemplo de código-fonte Exemplo de código-fonte [www.52css.com] ou: #wrap{quebra de palavra:quebrar tudo;largura:200px;} Efeito: o envolvimento automático da linha pode ser alcançado 2. (Navegador Firefox) white-space:normal; word-break:break-all;overflow:hidden; Também não existe um bom método de implementação no FF. O efeito é melhor! div css xhtml xml Exemplo de código-fonte Exemplo de código-fonte [www.52css.com] ou: #wrap{word-break:break-all;largura:200px; Efeito: O contêiner está normal e o conteúdo está oculto 1. (navegador IE) Use o estilo table-layout:fixed: div css xhtml xml Exemplo de código-fonte Exemplo de código-fonte [www.52css.com] Efeito: quebra automática de linhas 2. Estilo de uso (navegador IE): div css xhtml xml Exemplo de código-fonte Exemplo de código-fonte [www.52css.com] Efeito: quebra automática de linhas 3. (Navegador IE) Use o estilo table-layout:fixed e nowrap ao usar uma porcentagem para corrigir o tamanho td: div css xhtml xml Exemplo de código-fonte Exemplo de código-fonte [www.52css.com] Efeito: Ambos os TDs quebram normalmente e automaticamente 4. (Navegador Firefox) Use o estilo table-layout: fixa e nowrap ao usar porcentagem para corrigir o tamanho td e use div: div css xhtml xml Exemplo de código-fonte Exemplo de código-fonte [www.52css.com] A largura da célula aqui deve ser definida como uma porcentagem: ela é exibida normalmente, mas não pode ser quebrada.
#wrap{espaço em branco:largura normal:200px;
<div id="wrap">ddd11111111111111111111111111111</div>
#wrap{espaço em branco:largura normal:200px;
<div id="wrap">ddd11111111111111111111111111111111111111</div>
http://font.knowsky.com/
para mesa
<estilo>
.tb{layout da tabela: fixo}
</estilo>
<tabela class="tbl" largura="80">
<tr><td>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</tabela>
<estilo>
.tb {layout da tabela: fixo}
</estilo>
<table class="tb" width="80"><tr><td nowrap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</tabela>
<estilo>
.tb{layout da tabela: fixo}
</estilo>
<tabela class="tb" largura=80>
<tr>
<largura td=25% agorarap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td>
<td nowrap>abcdefgigklmnopqrstuvwxyz 1234567890</td>
</tr>
</tabela>
<estilo>
.tb {layout da tabela: fixo}
.td {estouro: oculto;}
</estilo>
<classe de tabela=tb largura=80>
<tr><td largura=25% class=td agorarap>
<div>abcdefgigklmnopqrstuvwxyz 1234567890</div>
</td>
<td class=td nowrap><div>abcdefgigklmnopqrstuvwxyz 1234567890</div></td>
</tr>
</tabela>