【问题标题】:How to add the nth term on last div如何在最后一个 div 上添加第 n 个术语
【发布时间】:2013-11-18 02:40:42
【问题描述】:

我正在尝试在最后一个 div 上添加第 n 个术语。我不希望最后一个 div 上有任何右边距,并且当屏幕宽度减小时,所有框都内联浮动。

添加了一个小提琴,这样你就可以展示你的工作了,

http://jsfiddle.net/7Yg5X/

任何帮助都会很重要!

.wrap{
        width:100%;
        border:1px solid black;
        float:left;
}
.box{
    width:100px;
    height:100px;
    background:black;
    margin-right:20px;
    float:left;
    margin-bottom:20px;

}

【问题讨论】:

  • .box:last-child { margin-right: 0px; } ?
  • 如果它必须在IE8及以下版本中工作,你有一个例外,可以为最后一个元素添加内联样式。
  • @adeneo 最好添加一个样式这样的类:<div class="box box-last"><!-- content --></div>
  • 它需要响应吗??

标签: jquery html css css-selectors


【解决方案1】:

你可以使用这个:.box:nth-child(n){margin-right:0;}。这里 (n) 将是您不想使用边距的框号。

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-01-04
  • 2021-10-12
  • 1970-01-01
  • 2011-12-11
  • 1970-01-01
  • 2016-12-27
相关资源
最近更新 更多