问具有等间距DIVs的流体宽度
EN

Stack Overflow用户

提问于 2011-07-29 04:22:40

回答 1查看 237.6K关注 0票数 340

我有一个液体宽度容器DIV。

在这里面我有4个DIVs都是300px 250px...

<div id="container">
   <div class="box1"> </div>
   <div class="box2"> </div>
   <div class="box3"> </div>
   <div class="box4"> </div>
</div>

我想要的是盒子1向左浮动，盒子4向右浮动，盒子2和3在它们之间均匀分布。我希望间距是流畅的，这样浏览器变得更小，空间也变得更小。

发布于 2014-10-21 07:30:47

如果您知道每个“行”的元素数量和容器的宽度，您可以使用选择器为需要的元素添加边距，以实现对齐外观。

我有三行div，我想要对齐，所以使用：

.tile:nth-child(3n+2) { margin: 0 10px }

这允许每一行中的中心div具有一个边界，强制第一个和第三个div到容器的外部边缘

对于边框、背景颜色等其他东西也很好用

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6865194

复制

相似问题

问具有等间距DIVs的流体宽度EN