具有均匀间隔 DIV 的流体宽度
用户试图创建一个流体宽度容器 DIV,其中包含四个尺寸相等(300 像素)的子 DIV x 250 像素)。要求是第一个 DIV 向左浮动,最后一个 DIV 向右浮动,其余两个 DIV 之间均匀分布,同时保持响应能力。
解决方案:
考虑以下 CSS 和 HTML实现:
#container { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; } .box1, .box2, .box3, .box4 { display: inline-block; *display: inline; zoom: 1; } .stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0 }
<div>
解释:
以上是如何创建具有均匀间隔 DIV 的流体宽度容器?的详细内容。更多信息请关注PHP中文网其他相关文章!