我在一个容器盒(和 10 个容器)中有一组 70 个方形 div 元素。我想在每个第 7 个 div 元素处设置一个断点,所以我最终得到 10 行,每行 7 个 div。正方形的边距应该很薄。我已将元素宽度设置为 13.68571428571429%,将其余部分保留为边距。
我怎样才能实现高度调整到宽度,所以我总是得到 7 个正方形,宽度和高度基于百分比相等?
尝试过 Javascript,但它渲染的时间太长,有 700 个方块。Flexbox 似乎只在较新的浏览器上兼容(我们仍然有相当数量的用户在较旧的浏览器上)。
这是我的html:
<div class="wrapper">
<div data-ng-repeat="square in [] | rangeFilter:1:70">
<div dir-square current-wrapper="{{wid}}" current-square="{{sid}}" class="square">
{{square}}
</div>
<div class="clearfix" ng-show="square % ctrl.Breakpoint == 0"></div>
</div>
</div>