如何删除第一个和最后一个div的左右边距答案

【问题标题】：How to remove left and right margin on first and last div如何删除第一个和最后一个div的左右边距
【发布时间】：2013-08-02 03:45:55
【问题描述】：

我的页面上有 100 多个 div，每行有 3 个 div。我想从第一个 div 中删除左边距，从右边 div 中删除右边距，而中心 div 应该从左边和右边有 15px 的边距。请指导我如何在不为每个 div 提供特定类（无边距）的情况下做到这一点。这是一个例子

这是我的css代码

.prp_box{
    margin:15px 15px;
    width:100px;
    height:100px;
    background:#5f03a6;
    }

【问题讨论】：

使用各自的 css 添加您的 html。你知道的还不够。

标签： css

【解决方案1】：

看看这个：http://jsfiddle.net/VHXEp/

使用nth-child(n) CSS3 选择器。

【讨论】：

【解决方案2】：

您可以尝试使用 nth-child css 选择器。

#container:nth-child(3n+0)
{
margin-left: 0;
}
#container:nth-child(3n+3)
{
margin-right: 0;
}

这段代码可能需要一些调整，3n 是频率，所以每 3 次。+ 后面的数字是从哪里开始

【讨论】：

【解决方案3】：

检查 JsFiddle

http://jsfiddle.net/kpTdE/

.prp_box{

    width:100px;
    height:100px;
    background:#5f03a6;
    float:left;

    }
.sec_box
{
    width:100px;
    height:100px;
    background:#5f03a6;
     float:left;
    margin-left:30px;


}
.sec3_box
{
    width:100px;
    height:100px;
    background:#5f03a6; 
    margin-left:260px;
}

【讨论】：