小编AEB*_*AEB的帖子

下面一行的元素是不可见的

我在行和列中显示图像元素,但下一行的第一个元素始终不可见。我通过 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)

html css vue.js

5
推荐指数
0
解决办法
78
查看次数

标签 统计

css ×1

html ×1

vue.js ×1