float和flex写平均布局

float:

方法1:所有项外面再包一层,给该层一个左右的负margin,然后最外层overflow:hidden;
方法2:每一行最左,最右的项对应的左右margin去掉(需要找规律,用 :nth-child(n))

flex:

方法1:直接display:flex;justify-content:space-between;flex-wrap:wrap;(缺点:当最后一行不能排满时最后一行布局将出现问题)
方法2:display: flex;flex-wrap: wrap;margin: 0 -5px;然后再外层元素上添加一个overflow:hidden

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容