
当一行有三个元素的时候直接加个伪类就行,三个以上就需要加占位元素了
<divclass="hot-content"><divclass="hotList"></div><divclass="pick"></div><divclass="pick"></div></div>
一行显示五个,多余换行
.hot-content{width: 100%;display:flex;justify-content: space-between;flex-wrap: wrap;text-align: justify;}.hot-content:after{content:'';width: 19%;}.pick{width: 19%;overflow: hidden;}.hotList{width: 19%;content:'';overflow: hidden;/* margin-right: 1.25%; */border-radius: 5px;margin-bottom: 1rem;}
四列加一个pick,五个加俩,一次类推
热门文章
- flex卡片布局(随屏幕自适应)
- 动物医院需要几个兽医资格证才能进行诊断鉴定(动物医院资质)
- VPN Tiktok | 2月16日18.2M/S|免费VPN/Clash/SSR/Shadowrocket/V2ray免费节点订阅分享
- VS2017的C++开发心得(一)VS的项目创建
- VPN Tiktok | 2月15日18.3M/S|免费VPN/V2ray/Clash/SSR/Shadowrocket免费节点订阅分享
- 可以自己买疫苗给猫咪打吗(可以自己买猫疫苗让宠物店帮忙打吗?)
- VPN Tiktok | 2月14日20.8M/S|免费VPN/V2ray/SSR/Shadowrocket/Clash免费节点订阅分享
- 动物打疫苗后的不良反应有哪些症状表现(动物打疫苗注意事项)
- VPN Tiktok | 2月17日22.8M/S|免费VPN/Shadowrocket/Clash/SSR/V2ray免费节点订阅分享
- 动物医院资质是什么地方颁发的证书图片(动物医院诊疗许可证需要提供什么)
归纳
-
10 2025-02