如何限制SQL结果的数量但也允许全宽？

Question

我在一个页面上有10部电影。我想要每行5部电影。但是，我也想给div足够的宽度，让5部电影能够伸展。每部电影都会有图像。图像是该用户的朋友。这些朋友在电影之上，因为他们是该用户的朋友并喜欢该特定电影。这些图像需要更多空间的电影。

我添加了一张图片来帮助说明我的问题：

红色边框代表我必须移动的空间。我只想要5部电影及其各自的元素。但是，第二行中的某些元素链接到第一行。

问题：如何为每行提供空间，还要将每行限制为5个元素？

修改

我找到了问题的解决方案。这些电影是由PHP while循环创建的。每次while循环发生时，$number增加1。我创建了以下 if语句：

if($number == 5) {
echo "<br>";
}

$number++;

这是一个很好的解决方案吗？表的想法当然很好，我只会担心造型问题......

Answer 1

有很多方法可以做到这一点。一个简单的方法是用HTML创建一个表：

<table class="movies-row">
  <tr>
    <td>movie-1</td>
    <td>movie-2</td>
    <td>movie-3</td>
    <td>movie-4</td>
    <td>movie-5</td>
  </tr>
  <tr>
    <td>movie-6</td>
    <td>movie-7</td>
    <td>movie-8</td>
    <td>movie-9</td>
    <td>movie-10</td>
  </tr>
</table>

...然后在样式表中声明一个CSS类来填满整行：

.movies-row {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}