水平显示图像CSS

Question

在我的网站上使用CSS样式时遇到了一些困难，目前我有一排图像，我想在页面上水平对齐。但是刚才它们全部垂直显示，我不知道为什么。所有的图像都存储在一个数组中，只是让它们排成一行就是问题所在。这是我的代码：

   .img{
float:left;
width:120px;
margin:auto;
margin-left:10px;
padding:5px;
}

Answer 1

你应该添加你的风格display:inline-block。 inline-block值表示，你的.img最后没有显示新行。

Answer 2

默认情况下，图像是display: inline。这意味着如果容器中有空间，默认情况下它们不会水平清除其他元素。调整图像元素的父容器的宽度：example

如果您希望图像水平扩展而不管容器宽度如何，请在包含每个图像元素的div中使用样式（css）中的display: table-cell：example