gpt4 book ai didi

javascript - 动态插入div(div no always very from 0-100)到一个固定大小的div : Angularjs

转载 作者:行者123 更新时间:2023-11-30 16:02:57 25 4
gpt4 key购买 nike

我有一个固定大小的 div,其中动态 div 将使用 ng-repeat。内部 div 以这样一种方式,如果只有一个 div,那么它应该采用 100% 的大小(高度和宽度)。如果 2 那么 25%。这是我害的截图。请看一下。提前致谢。

enter image description here

最佳答案

CSS

.big{

height: 300px;
width: 300px;
overflow: auto;
background: #DAE8ED;

.small{
float:left;
background: #EDDFDA;
}

Controller ,

app.controller('Ctrl', function($scope){

$scope.numbers = [1,2,3,4,5,6,7];
var width = 300/Math.ceil(Math.sqrt($scope.numbers.length)) + 'px';
$scope.customStyle={'height':width, 'width':width};
});

HTML,

<body ng-controller='Ctrl'>
<div class='big'>
<div class='small' ng-repeat="n in numbers" ng-style='customStyle'></div>
</div>

关于javascript - 动态插入div(div no always very from 0-100)到一个固定大小的div : Angularjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37438664/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com