html - CSS中两个框之间的边距

Question

首先，我是前端开发的新手。我只想听听专业人士关于我的问题可能的“专业”解决方案。

现在，首先检查这个 fiddle :http://jsfiddle.net/SB7yR/

这就是我想要的:在每一行上创建两个框。我不能在这里这样做，因为我也想在两个框之间留出边距。

我有针对这种情况的解决方案，例如创建一个像“last”这样的类并给它 margin-right: 0; 然后将它应用到每一行的最后一个框。但我不想那样做。听起来 .. 嗯 .. 业余解决方案。

感谢您的建议。

Answer 1

您可以添加 text-align: justify;至 .addresses并删除 margin-right在 address_box .

.addresses {
  margin-top: 30px;
  text-align: justify;
}

此外，您应该为 .addresses #address-box 使用一个类而不是身份证。 ID 在页面上应该是唯一的，因此只允许一个元素具有特定的 ID。改用这个 .addresses .address-box .