如何创建具有等间距 DIV 的流体宽度容器？

具有等间距 DIV 的流体宽度容器

您有一个具有流体宽度的容器 DIV，并且您想要在其中放置四个 DIV容器。每个 DIV 的大小应为 300px x 250px。您希望框 1 向左浮动，框 4 向右浮动，框 2 和 3 在框 1 和 4 之间均匀间隔。此外，您希望间距灵活，可根据浏览器窗口的大小进行调整。

解决方案：

要实现此目的，请使用以下方法代码：

此解决方案利用以下技术：

• text-align: justify: 将框均匀分布在容器内。
• .stretch: 填充剩余部分的不可见元素空间，确保间距均匀。
• display:inline-block: 使框能够内联定位并使用对齐方式间隔开。
• font-size : 0; line-height: 0: 修复了 IE6 的问题。

以上是如何创建具有等间距 DIV 的流体宽度容器？的详细内容。更多信息请关注PHP中文网其他相关文章！