小编aga*_*mor的帖子

我所处的元素数量是可变的,我需要一个我无法实现的奇怪解决方案,我甚至怀疑它是否只能用css实现.

如果我的元素数是奇数,我需要选择last-child,如果元素数是偶数,我需要选择最后2个子元素.

我一直试图用nth-last-child,:not(:nth-last-child())单双,但一直没有得到很好的解决.

任何人都有关于这个问题的任何想法/建议是在html表上添加类"奇怪"的一部分吗？

非常感谢提前!

我有一个包含六个项目的部分。

我希望在桌面设备上每行 3 个项目，在中型设备上我希望每行 2 个项目，在移动设备上每行 1 个项目

<div class="flex-container">
  <div>1</div>
  <div>2</div>
  <div>3</div>  
  <div>4</div>
  <div>5</div>
  <div>6</div>
</div>  

这是CSS：

.flex-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 768px) and (min-width: 320px){
    .flex-container {
        display: flex;
        justify-content: center;
        flex-basis: 100%;
    }
}

这在桌面上仅向我显示了 3 个项目，在移动设备上仅显示了 3 个项目，但没有 2 个项目，我需要在代码中更改哪些内容才能获得我想要的内容？