如何實現容器內四個DIV的流體寬度和均勻間距？

等距DIV 的流體寬度

問題：

問題：

您有一個流體寬度容器DIV 具有四個DIV，每個DIV 都有固定的尺寸。如何將框 1 向左浮動，將框 4 向右浮動，並將框 2 和 3 均勻地放置在它們之間，並在瀏覽器視窗大小變化時保持流暢的間距？

**答案：完整範例請參考提供的 JSFiddle： http://jsfiddle.net/thirtydot/EDp8R/

說明：

• 此解決方案利用多種技術來實現所需的佈局：
• text-align: justify;: 這會水平對齊DIV，在它們之間分配空間。
• .stretch: 寬度設定為 100% 的跨度。它會擴展以填充容器的剩餘寬度。
• display:inline-block; *顯示：內嵌； Zoom:1;: 確保 IE6/7 的內聯塊行為。

font-size: 0; line-height: 0;:

防止 IE6 中 inline-block 造成的垂直空間。 透過組合這些技術，DIV 可以根據需要流暢地、均勻地間隔和浮動，而不管容器寬度。

以上是如何實現容器內四個DIV的流體寬度和均勻間距？的詳細內容。更多資訊請關注PHP中文網其他相關文章！