从数据库查询所有图片放入集合，然后用th:each赋值，显示在前端为纵向排列。请问要如何改为横向？

用对图片或者容器使用float:left吧，display的inline-block也可以

<div th:each="wmaterial:${wmaterials}" class="div1">
    ......
</div>

div默认的展示方式是块级元素，如果不设置浮动等特殊样式，div会纵向堆叠展示，这个位置可以设置class属性设置该div容器的样式，让div浮动，这样内部的img元素也就会随着父容器改变展现形式。

  <style type="text/css">
    .img-float {
        float: left;
    }
  </style>

另：附上我的效果图仅供参考




这个是不添加class样式的效果





这是添加class样式之后的效果