Para permitir que a tabela preencha a tela (áreas em branco restantes), seu atributo de largura é frequentemente definido como: 100%, e as células também são definidas por porcentagens.
Mas isso causará problemas: se o texto na célula exceder o limite de largura, envolverá automaticamente a linha e a altura aumentará automaticamente, resultando em estilos desiguais de toda a tabela, o que é muito feio.
A solução fácil para isso é desativar as quebras da linha de texto: espaço em branco: Nowrap; estouro: oculto;
Tão fácil! Mas o efeito ainda é inesperado: o texto é exibido em uma linha, a largura é ampliada automaticamente e até excede o contêiner pai, o transbordamento não tem nenhum efeito!
O que está acontecendo? É a razão da porcentagem? Mas se você usar uma largura fixa estática, a flexibilidade da tabela será perdida.
Portanto, a solução final foi encontrada sem nenhum esforço: largura da tabela fixa: Layout da tabela: corrigido;
A propósito, fiz uma renderização simples, consulte o seguinte: