数组元素布局为自适应+不固定每行个数+响应式

Posted wazosky

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了数组元素布局为自适应+不固定每行个数+响应式相关的知识,希望对你有一定的参考价值。

有个需求是要根据页面宽度实现每行展示的元素不固定, 同时能够在一定宽度范围内做到自适应. 一开始想到的是用flex布局, 通过设置子元素的flex:1, 来实现. 但这种方法有个问题, 最后一行的元素如果不能填满整行, 就会被拉伸, 导致和之前的元素不一致. 最好的办法是用设置响应式的网格布局, 这

以上是关于数组元素布局为自适应+不固定每行个数+响应式的主要内容,如果未能解决你的问题,请参考以下文章

vue项目中利用锁控制页面响应式布局

vue项目中利用锁控制页面响应式布局

vue项目中利用锁控制页面响应式布局

两栏布局——左侧固定右侧自适应

css高级篇 (布局:静态流式弹性自适应响应式)

css高级篇 (布局:静态流式弹性自适应响应式)