如何正确地并排制作3幅图像？
如何正确地并排制作3幅图像？
提问于 2017-06-21 07:55:59
我正在制作图片库，我想知道怎样才能更好地将图像包装成3幅并排的图像，将每一幅图像打包到<div class="col-md-4">中，或者我可以将所有图像放入
<div class="col-md-4">
<img src="">
<img src="">
<img src="">
<img src="">
</div>什么是正确的方法？
Stack Overflow用户
发布于 2017-06-21 08:54:38
在一个
col-md-4中的所有图像：
.x {
width: 25%;
box-sizing: border-box;
float: left;
}
img {
width: 100%;
height: 100px;
}<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="col-md-4">
<div class="x"><img src="http://justcuteanimals.com/wp-content/uploads/2016/07/cute-funny-pug-life-shades-summer-dogs-puppy-animal-pictures.jpg"></div>
<div class="x"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQhsZRYQl-mSO-SY_VMRbWoeEycn9HbxKwqnI7IxOVb0eKJLpom"></div>
<div class="x"><img src="http://justcuteanimals.com/wp-content/uploads/2016/10/baby-bear-pictures-cute-animal-pics.jpg"></div>
<div class="x"><img src="http://www.mrwallpaper.com/wallpapers/cute-bunny-1600x900.jpg"></div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44670055
复制相关文章
相似问题
腾讯云开发者
