Php 为什么<；李>；没有排队

有人知道为什么下面的CSS没有正确对齐吗？根据第二行，每行应为5个

CSS 代码

第三行的第一个元素直到左边缘才浮动，因为第二行中第一个元素的高度（标题“歌剧魅影”填充了两行文本）阻止了该元素的正确对齐

为了防止在使用浮动元素时出现这种意外行为，您应该为列表中的每个
5n+1
元素设置一个左清除

#movies ul li:nth-child(5n + 1) {
   clear: left;
}

不要
echo
HTML的数量
<div id="movies">
<ul>
<?php 
foreach($movieTitle as $movie)
{
echo '<li>';
echo '<img src="' . $movie->image . '" />';
echo '<div class="cFFF">' . $movie->movie_name . '</div>';
echo '<div class="s11 c999">Rating: ' . round($movie->rating) . '</div>';
echo '</li>';
}
?>
</ul>
</div>

</ul>

#movies ul li:nth-child(5n + 1) {
   clear: left;
}