控制每行第一个元素的边际

时间:2013-09-11 07:59:01

标签: css css3

我有这种标签结构,现在每个标签都有左边距,我如何控制,以便每个第一行的第一个元素不会留下边距,所以它会粘在左边? (对于第一个元素,我给margin-left:0px;但是我怎么能为每一行的第一个元素做呢?)

enter image description here

4 个答案:

答案 0 :(得分:4)

使用margin-right可以解决您的问题

示例:

http://jsfiddle.net/7n5Ww/

答案 1 :(得分:2)

而不是提供保证金左边,使用保证金权利。此后你不必担心任何一条线。

答案 2 :(得分:1)

如果你有这样的结构。

<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;
}

如果你的元素左边有10px的边距,那么包装器必须具有与内部div上的左边距相同的负边距。所有浏览器都可以正常工作,包括ie7 +

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

答案 3 :(得分:0)

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

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

试试这个。它会起作用