水平显示图像 CSS答案

【问题标题】：Displaying images horizontally CSS水平显示图像 CSS
【发布时间】：2013-04-06 15:17:35
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

您应该将display:inline-block 添加到您的样式中。 inline-block 值使您的 .img 不会在末尾显示换行符。

【讨论】：

【解决方案2】：

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

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

【讨论】：