css - 控制每行第一个元素的边距

Question

我有这种标签结构，现在每个标签都有边距，我该如何控制，以便每一行的第一个元素都没有边距，所以它会粘在左边？（对于第一个元素，我给了 margin-left:0px; 但是我怎样才能为每一行的第一个元素做呢？）

在此处输入图像描述

score 4 · Accepted Answer

4

使用margin-right将解决您的问题

例子：

于 2013-09-11T08:05:10.853 回答

score 2 · Accepted Answer

2

与其提供 margin-left，不如使用 margin-right 属性。此后您无需担心任何线路。

于 2013-09-11T08:01:58.817 回答

score 1 · Accepted Answer

如果你有这样的结构。

<div class="wrapper">
  <div>some text</div>
  <div>some text</div>
  <div>some text</div>
  <div>some text</div>
  <div>some text</div>
</div>

在CSS中你需要这样做

.wrapper {
  margin-left: -10px;
}
.wrapper div {
  margin-left: 10px;
}

如果您的元素左侧有 10 像素的边距，则包装器必须具有与内部 div 上的左边距相同的负边距。这在所有浏览器上都可以正常工作，包括 ie7+

你可以在这里看到例子：http: //jsfiddle.net/n3RgW/1

score 0 · Accepted Answer

li:first-child{
    margin-left: 0px;
}

ul li{
    margin-left: 10px; // change this margin size as you like
}

尝试这个。它会工作

4 回答 4