html - 我想使用CSS在html中水平添加许多图像

#one{
border:2px solid black;
border-radius:10px;
background-color:yellow;
padding-top:20px;
padding-left:20px;
padding-bottom:20px;
padding-right:20px;
height:180px;
width:62%;
margin:auto;
}
.im1{
height:180px;
width:200px;
}

<div id="one">
 <img src="inspirational1.jpg" alt="picture1" class="im1"/>
 <img src="inspirational2.jpg" alt="picture2" class="im1"/>
 <img src="inspirational3.jpg" alt="picture3" class="im1"/>
 <img src="inspirational4.jpg" alt="picture4" class="im1"/>
<img src="inspirational5.jpg" alt="picture5" class="im1"/>
 </div>

当我在台式机上工作时，上面的代码可以完美地唤醒，但是，一旦在笔记本电脑中打开所有图像，这些图像就随处可见。我想让它们适合div，以确保如果在新的浏览器或scree中打开网站，它们不会无处不在。任何建议都值得欢迎

最佳答案

http://jsfiddle.net/LYL2S/1/

#one{
border:2px solid black;
border-radius:10px;
background-color:yellow;
padding:20px;

margin:auto;
    width:620px;
}
.im1{
height:180px;
width:200px;
}

关于html - 我想使用CSS在html中水平添加许多图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21767888/