Question

我希望将divs彼此相邻放置，并在窗口大小改变时重新定位它们。为此，我想我需要SASS。有一次可能有14个div，其中10个div在一个类中，我希望它们根据计数和屏幕大小相等。我可以在一节课的SASS中获得元素数吗？

Answer 1

或者你可以用纯css和flex属性

来做到这一点

.equalSpaces {
  overflow: hidden;
  display: flex;
}

.equalSpaces p {
  padding: 5px;
  margin: 0;
  background-color: #000;
  border: 1px solid #999;
}

.equalSpaces div {
  display: inline-block;
  flex: 1; /* to make all blocks equal */
}

示例：http://jsfiddle.net/LbxyLmpg/

编辑：@cimmannon建议显示：内联块;

Answer 2

你只需要使用jQuery。不是AJAX或SASS。原因是， AJAX 是服务器端， SASS 只是预编译的CSS，仅此而已。所以，你需要这样做：

$(document).ready(function(){
    $(".equalSpaces").each(function(){
        totalDivs = $(this).find("div").length;
        $(this).find("div").width(100/totalDivs + "%");
    });
});

SASS：我可以在一个班级中获得元素数吗？

2 个答案:

小提琴：http://jsfiddle.net/praveenscience/h72horvz/