我在行和列中显示图像元素,但下一行的第一个元素始终不可见。我通过 keyEvents 添加和删除元素类(这是我在下面说的意思,它意味着在 currentIndex 的下面)。我希望它们正确对齐。此外,我不允许使用 flexbox 或 grid,因为该应用程序将在旧浏览器中运行。HTML代码:
<div>
<h2>Kanal Listesi</h2>
<div class="container">
<div>
<Channel v-for="(channel,index) in channels" :key="index" :channel="channel" :ref="index"/>
</div>
</div>
</div>
<style scoped>
.container {
display: inline-block;
/*flex-flow: row wrap;
/*min-width:1200px;
overflow-x:auto; */
justify-content: center;
}
.container::after {
content: "";
flex: 0 1 32.7%;
}
div {
text-align: center;
}
div > div > div > div {
padding: 0 4px;
float: left;
}
@media only screen and (max-width: 1199px) {
.container::after {
content: "";
flex: 0 …Run Code Online (Sandbox Code Playgroud)