gpt4 book ai didi

angularjs - Q : AngularJS, 如何将图像放入背景 div 中?

转载 作者:行者123 更新时间:2023-12-02 22:18:21 28 4
gpt4 key购买 nike

我想将一些图像放入我的背景 div 中。我预计这 5 个图像文件将位于具有“.well”类的 div 中,但它们只是分散在该 div 之外。所以,这是我的问题。
如何将这些图像文件稳定地放入 .well div 中?下面是我的代码和结果:

<!doctype html>
<html ng-app="exampleApp">
<head>
<script src="angular.js"></script>
<link href="bootstrap.css" rel="stylesheet"></link>
<link href="bootstrap-theme.css" rel="stylesheet"></link>
<script>
angular.module("exampleApp", [])
.controller("exampleCtrl", function($scope){

$scope.data = [
{ movie:"Pandora", date:"2016-12-07", img:"pandora.gif" },
{ movie:"Lalaland", date:"2016-12-07", img:"lalaland.gif" },
{ movie:"Willyoubethere", date:"2016-12-14", img:"willYouBeThere.gif" },
{ movie:"brother", date:"2016-11-23", img:"brother.gif" },
{ movie:"Animal", date:"2016-11-16", img:"fantasticAnimalDictionary.gif" }
];
});
</script>
</head>
<body ng-controller="exampleCtrl">
<div class="container">
<div class="well">
<div class="col-md-2" ng-repeat="data in data">
<img ng-src={{data.img}} />
</div>
</div>
</div>
</body>
</html>

The result from my code

最佳答案

使用well添加row类。像这样

<div class="well row">
<div class="col-md-2" ng-repeat="data in data">
<img ng-src={{data.img}} />
</div>
</div>

row 类是列的容器。行为列提供了一个居住的地方,理想情况下列的总数总计为 12。它还充当包装器,因为所有列都向左浮动,附加当 float 变得奇怪时,行不会重叠。

关于angularjs - Q : AngularJS, 如何将图像放入背景 div 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41376756/

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