热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

在flexbox设计中如何定位中断前的最后一个元素?

如何解决《在flexbox设计中如何定位中断前的最后一个元素?》经验,请问有什么解决方案?

想象一下这个布局:

[BOX]  [BOX]  [BOX]
[       BOX       ]

哪个是flexbox设计,并且 - 如果屏幕缩小 - 将如下所示:

[  BOX  ] [  BOX  ]
[       BOX       ]
[       BOX       ]

如果屏幕太窄而不能显示彼此相邻的两个盒子,那么它将成为一组4行.

到现在为止还挺好.

我正在寻找一种方法来定位上排的最后一个元素,无论Flexbox当前如何调整到它的环境.

当然我想到了CSS伪类,但我找不到除了典型的那些之外的任何东西,例如:last-child:last-of-type:nth-child,这在这种情况下无济于事.

有没有办法在CSS中完全做到这一点?如果有,怎么样?


推荐阅读
author-avatar
阿吉
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有