„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Wie kann man Flüssigkeitsbreite und sogar Abstand für vier Divs in einem Behälter erreichen?

Wie kann man Flüssigkeitsbreite und sogar Abstand für vier Divs in einem Behälter erreichen?

Gepostet am 2025-02-06
Durchsuche:739

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

flüssige Breite mit gleichermaßen Spaced divs

Frage:

haben eine flüssige Breite Container Div mit vier Divs mit jeweils festen Abmessungen. Wie können Sie Box 1 nach links, Feld 4 rechts und die Space -Boxen 2 und 3 gleichmäßig zwischen ihnen schweben und flüssigen Abstand beibehalten, wenn sich die Größe der Browserfenster ändert?

** Antwort:

beziehen sich auf das bereitgestellte jsfiddle für ein vollständig Erreichen Sie das gewünschte Layout:

text-align: justify;:

Dies richtet die Divs horizontal aus, verteilen Raum zwischen ihnen.

    . Stretch:
  • Eine Spanne mit Breite auf 100%. Es wird erweitert, um die verbleibende Breite des Containers zu füllen.
  • Anzeige: Inline-Block; *Anzeige: Inline; Zoom: 1 ;:
  • sorgt für das inline-block-Verhalten für IE6/7.
  • Schriftgröße: 0; Zeilenhöhe: 0;:
  • verhindert vertikalen Raum, der durch Inline-Block in IE6 verursacht wird die Containerbreite.
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3