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中使用display: table-cell作为样式（css），使用div：example