检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
✏️ 作者：大二计算机专业学生 ♉ 星座：金牛座 🏠 主页：查看更多文章 🏂 关键：flex 前端布局
背景 我身边一些非互联网技术从业的朋友，偶尔看我转发到朋友圈的文章，会表示出一定的兴趣。前段时间，有朋友问我公众号的问题，所以我来了灵感，准备写一个趣学前端系列，适用于零基础、新手前端或者想把编程当做兴趣培养的人。 学问必须合乎自己的兴趣,方可得益。 ——
介绍  flex布局的优点缺点以及布局原理   优点 1.优点在于容易操作，根据flex规则很容易达到某个布局效果。 2.集合了百分比布局和浮动的优点，可以具体设置宽度 也免于设置以及清除浮动，同样可以达到相同的效果。
@TOC 前言 Counter容器组件：计数器组件，提供相应的增加或者减少的计数操作。 Flex容器组件：以弹性方式布局子组件的容器组件。 一、Counter 计数器组件，提供相应的增加或者减少的计数操作。 说明 该组件从API Version 7开始支持。后续版本如有新增内容
使用flex布局的痛点 如果使用justify-content: space-between;让子元素两端对齐，自动分配中间间距，假设一行4个，如果每一行都是4的倍数那没任何问题，但如果最后一行是2、3个的时候就会出现下面的状况： 看一个简单的例子： /*
鲲鹏处理器 鲲鹏处理器是华为在2019年1月向业界发布的高性能数据中心处理器。 目的在于满足数据中心的多样性计算和绿色计算需求 ，具有高性能，高带宽，高集成度，高效能四大特点。 openEuler openEuler是华为自主研发的服务器操作系统
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
