1. Você define a largura da tabela, ou seja, atribui à tabela um valor de largura (um valor numérico, não uma porcentagem)
2. Forçar a não encapsular
div{
//espaço em branco: nenhuma quebra de linha normal; nowrap força todo o texto a ser exibido na mesma linha até que o texto termine ou um objeto br seja encontrado
espaço em branco:nowrap }
Quebra automática
de div{
word-wrap: break-word;
//word-break define quebras de linha forçadas;
quebra de palavra: normal;
}
Forçar quebra de linha de palavra em inglês
div{
quebra de palavras: quebrar tudo;
}
3. Resumindo, desde que as frases a seguir sejam definidas em CSS, pode-se garantir que a página web não será aberta novamente.
tabela{layout da tabela: fixo;}
td(word-break: break-all; word-wrap:break-word;)
Comentários:
1. A primeira tabela{table-layout:fixed;}, este estilo pode fazer com que a tabela tenha!!!(ponto de exclamação) automaticamente envolver caracteres.
2.td{word-break: break-all}, geralmente não há problema em usar esta frase, mas em alguns casos especiais ela ainda será quebrada, então você precisa adicionar a seguinte frase (word-wrap: break-word;) Isso pode ser resolvido. Este estilo permite que algumas palavras consecutivas em inglês na tabela sejam agrupadas automaticamente.
http://www.knowsky.com/
(1) Gramática:
quebra de palavras: normal | quebrar tudo | manter tudo
Parâmetros:
normal: De acordo com as regras de texto dos idiomas asiáticos e não asiáticos, são permitidas quebras de linha dentro das palavras.
break-all: O comportamento é o mesmo normal para idiomas asiáticos. Também são permitidas quebras em qualquer palavra de uma linha de texto em idioma não asiático. Este valor é adequado para texto asiático que contém algum texto não asiático
keep-all : igual ao normal para todos os idiomas não asiáticos. Para chinês, coreano e japonês, quebras de palavras não são permitidas. Adequado para texto não asiático que contém uma pequena quantidade de texto asiático
(2) Sintaxe:
quebra de linha: normal |
parâmetros de quebra de palavra:
normal: permite que o conteúdo ultrapasse o limite do contêiner especificado
break-word: o conteúdo ultrapassará os limites. Se necessário, também ocorre quebra de palavra
Descrição:
Define ou recupera se a linha deve ser quebrada quando a linha atual exceder o limite do contêiner especificado.
O recurso de script correspondente é a quebra de linha. Por favor, veja outros livros que escrevi.
(3) Sintaxe:
layout da tabela: auto |
parâmetros fixos:
auto: algoritmo automático padrão. O layout será baseado no conteúdo de cada célula. A tabela não será exibida até que cada célula seja lida e calculada. Muito lento
fixo: algoritmo de layout fixo. Neste algoritmo, o layout horizontal é baseado apenas na largura da tabela, na largura da borda da tabela, no espaçamento das células e na largura das colunas e não tem nada a ver com o conteúdo da tabela
:
Como fazer a tabela embrulhar automaticamente?
Define ou recupera o algoritmo de layout da tabela.
O atributo de script correspondente é tableLayout.
4. De acordo com a maioria dos artigos na Internet, basta adicionar:
código
.......
Código:
mesa {
layout da tabela:fixo;quebra de palavra:quebra-tudo;quebra de palavra:quebra-palavra;}
div{quebra de palavra:quebra-tudo;quebra de palavra:quebra-palavra;}
Isso pode resolver o problema de tabelas e camadas quebradas. Foi o que fiz primeiro. No entanto, esse código causará um problema. Você descobrirá que todas as palavras em inglês estão truncadas, o que não está de acordo com os hábitos de escrita em inglês e não é propício à leitura.
Mais tarde, descobri que, ao reescrever o código acima, poderia evitar a quebra de tabelas/camadas e a quebra de palavras.
do seguinte modo:
CódigoCódigo
:
mesa {
layout da tabela: fixo;
quebra de linha: quebra de palavra;
}
div {
quebra de linha: quebra de palavra;
}
Este também é o código que uso agora.