场景:使用flex布局,每列数量不固定自适应,元素间距自适应,两端对齐
问题:最后一行元素不够时,会变成左右,如图
解决方法:放置占位元素,占位元素宽度与其他元素宽度一直,高度为0,
<!-- // 占位元素 -->
<div class="data-item temp" v-for="i in 6" :key="i"></div>
&.temp {
height: 0;
margin-bottom: 0;
border: none;
padding: 0;
}
感觉不够可以多循环几个,没啥影响.
结果:
完美
本文地址:https://blog.csdn.net/gouwa626/article/details/107379144
如对本文有疑问, 点击进行留言回复!!
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
vert实践五——Json?Protocol Buffer?FlatBuffers?
[基于tensorflow的人脸检测] 基于神经网络的人脸检测8——验证训练好的神经网络
selenium + ajax抓取英雄联盟全部英雄的详细信息及多线程保存全部皮肤图片到本地
网友评论