Question

我正在尝试制作一组贴在页面底部的按钮，并以恒定的空间分隔。我正在使用angularJS的ng-repeat指令通过ajax请求获取数据，然后我用它来显示按钮。

我的问题在于将按钮分开一定量。

如您所见，其中三个按钮位于完全相同的空间中，因为边距不是累积的。有什么方法可以使用CSS来确定基于前一个相邻兄弟的元素边距？

类似的东西：

.sticky-footer{
   position: fixed;
   bottom: 0;
   margin-left: 20px;
}

.sticky-footer + .sticky-footer{
   margin-left = (previous sibling's margin) + 100;
}

Answer 1

你做错了。制作一个容器，放置它，然后只需按下

中的按钮

Demo

.sticky-footer{
  position: fixed;
  bottom: 0;
  left: 0;
}

.sticky-footer button {
    margin-left:20px;
}

<div class="sticky-footer">
    <button>click me</button>
    <button>click me</button>
    <button>click me</button>
    <button>click me</button>    
</div>

如何基于以前相邻兄弟的CSS的元素的CSS？

1 个答案: