No domínio das tabelas HTML, garantir a largura uniforme das células da tabela pode ser um desafio ao lidar com conteúdo de tamanhos variados. Podemos alcançar esse resultado desejado puramente por meio de CSS, independentemente do número de células envolvidas?
A estrutura HTML é simples: um pai
CSS pode ser aproveitado para resolver esse problema. Para garantir larguras de células iguais, independentemente do tamanho do conteúdo, precisamos:
O código CSS final aparece da seguinte forma:
div {
display: table;
width: 250px;
table-layout: fixed;
}
div > div {
display: table-cell;
width: 2%;
}
Com esta abordagem, as células da tabela manterão larguras iguais, garantindo uma aparência consistente independentemente do seu conteúdo.
Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.
Copyright© 2022 湘ICP备2022001581号-3