Ruby on rails Rails/引导程序。使用。每一个都将在前一个旁边有一个新的缩略图

每个周期我都会得到新的缩略图，但在上一个缩略图下。有什么建议可以解决这个问题吗？在每个循环中，如何在上一个缩略图旁边水平添加新的缩略图，直到空间填满，然后移动到下一行？谢谢

代码

“class=”listimg“>
“未找到”，：class=>“listimg”）%%>
.用户图像{
浮动：无；
填充顶部：127px；
左边距：193px；
左侧填充：6px；
左边框样式：实心；
左边框颜色：#000；
左边框宽度：1px；
}
listimg先生{
显示：块；
最大宽度：80px；
最大高度：100px；
宽度：自动；
高度：自动；
保证金：0自动；
边界半径：40px；
}
Listumbnail先生{
边框：2个实心#95989A；
边界半径：3px；
颜色：#000；
高度：140像素；
宽度：110px；
保证金：5px；
}

尝试将其添加到样式表中：

.listThumbnail {
  display: block;
}

.user-image {
  display: inline-block;
}

如果出于某种原因，您的项目中没有css文件，以下是添加css文件的一种基本方法：

创建一个名为

my_styles.css

（或任何你想命名的文件）&在那里添加上面的css示例

在

应用程序.html.erb

文件的

中添加以下链接：

---

这允许您的html文件与css文件/样式表一起使用。

您能提供一张图片或一些行为，并对您希望它实际执行的操作进行更详细的解释吗？嗨，我添加了一张从到图片。希望它能澄清。谢谢您提供用于此代码的css/样式表？嗨，布兰登，谢谢您的帮助回答。它不起作用：这是我的CSS：。用户图像{float:none；padding top:127px；margin left:193px；padding left:6px；border left style:solid；border left color:#000；border left width:1px；display:inline block；}.listumbnail{边框：2px实心#95989A；边框半径：3px；颜色：#000；高度：140px；宽度：110px；边距：5px；显示：块；}.listimg{display:block；最大宽度：80px；最大高度：100px；宽度：自动；高度：自动；边距：0自动；边框半径：40px；}非常确定这与为

.user image

设置的填充和边距属性有关。请尝试将css更改为：

。user image{display:inline block；float:none；border left style:solid；border left color:#000；border left width:1px；}

然后查看如何重新调整任何填充/边距等。您仍然需要保留

显示：block

for

.listThumbnail

。顺便说一句。我认为您正在尝试的示例（减去ruby代码）：

.listThumbnail {
  display: block;
}

.user-image {
  display: inline-block;
}