"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Como alcançar a largura do fluido e até o espaçamento para quatro divs em um recipiente?

Como alcançar a largura do fluido e até o espaçamento para quatro divs em um recipiente?

Postado em 2025-02-06
Navegar:637

How to Achieve Fluid Width and Even Spacing for Four DIVs in a Container?

largura de fluido com divs

pergunta: Div com quatro divs, cada um com dimensões fixas. Como você pode flutuar a caixa 1 à esquerda, a caixa 4 à direita e as caixas espaciais 2 e 3 uniformemente entre elas, mantendo o espaçamento de fluidos como o tamanho da janela do navegador muda?

** Resposta:

consulte o jsfiddle fornecido para obter um exemplo completo: http://jsfiddle.net/thirtydot/edp8r/

text-align: justify;:

isso alinha o divs horizontalmente, distribuindo espaço entre eles.

.

um span com largura definida como 100%. Ele se expande para preencher a largura restante do contêiner. *Display: Inline; Zoom: 1;:

garante o comportamento em bloco embutido para ie6/7.
  • font-size: 0; altura da linha: 0;: impede o espaço vertical causado por bloco em linha no IE6. a largura do contêiner.
Tutorial mais recente Mais>

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