最近做个项目,其中有个样式是换行布局,作为样式渣渣的我一开始不会,只能查资料,然后摆平了它.今天得空了,简要记录一下,方便后面小伙伴布局使用.参考资料flex-wrap开始样式divclass="planWrap">divclass="contentplanItem">1div>divclass="contentplanItem">2div>divclass="contentplanItem">3div>divclass="contentplanItem">4div>divclass="contentplanItem">5div>divclass="contentplanItem">6div>

效果预览该效果预览不是最新的效果图，嫌麻烦把mp4转成gif就不上传新的效果预览了。顺便推荐一下一个在线文件转换格式的网站：https://www.aconvert.com/video/（之前一直在用covertio现在好像收费了）简述下代码部分吧：（画多棱柱体就不说了，主要讲一下让它支持手势运动）1.因为在pc端在鼠标按下滑动会产生选中元素的行为，所以在父级元素设置了user-select:none2.在旋转的关键帧动画里本来是form:0deg=>to:360deg，但是在添加手势事件后的自然旋转会导致旋转速度变快或者变慢（原因是：执行这个自然旋转的动画时间固定为48s，人为去干预了它的旋

效果预览该效果预览不是最新的效果图，嫌麻烦把mp4转成gif就不上传新的效果预览了。顺便推荐一下一个在线文件转换格式的网站：https://www.aconvert.com/video/（之前一直在用covertio现在好像收费了）简述下代码部分吧：（画多棱柱体就不说了，主要讲一下让它支持手势运动）1.因为在pc端在鼠标按下滑动会产生选中元素的行为，所以在父级元素设置了user-select:none2.在旋转的关键帧动画里本来是form:0deg=>to:360deg，但是在添加手势事件后的自然旋转会导致旋转速度变快或者变慢（原因是：执行这个自然旋转的动画时间固定为48s，人为去干预了它的旋