我得到了一个类似：
<div class="pt-4">
<h5>Genres:</h5>
<div class="inline-block float-left" v-for="(genre, index) in moreData.genres" :key="index">
<span v-if="index < moreData.genres.length-1" class="mr-2">{{ genre.name }},</span>
<span v-else>{{ genre.name }}</span>
</div>
</div>
现在，当呈现v-for语句的内容时，div的高度保持不变。这会导致下一个元素重叠（或至少浮动）在其上。我通过设置“clear：both”来帮助自己，但这不是一个好的解决方案。
好吧，我通过设置“Display：Flex”来解决它。这似乎是对内容变化和适当调整DIV维度的反应。
