为什么要使用弹性布局?Flex布局是目前流行的一种布局,因为它非常简单灵活,几行代码就可以实现各种页面的布局。我在学习页面布局的时候,对它的浮动、显示、位置等印象深刻。财产的烦恼。使用Flex属性,您可以编写简单、优雅和复杂的页面布局。目前整理了一些Flex布局中常用的属性。下面简单说一下容器和物品的含义。Containers:使用Flex布局的元素称为containeritems:指container里面的子元素container的6个属性flex-direction:该属性决定了主轴的方向(即item的排列方向)flex-wrap:默认情况下,项目排列在一个轴上。如果一行放不下,如何处理(换行)flex-flow:flex-direction|flex-wrap(2个属性的简写)justify-content:项目在主轴上的对齐方式(默认水平对齐方式)align-items:项目在横轴上的对齐方式(默认垂直对齐方式)align-content:项目的对齐方式multipleaxes(即多条线的对齐方式)6itemorder的属性:item的排列顺序。值越小排列越高,默认为0scale,默认为1,即如果空间不够,item会收缩flex-basis:item会占据固定的空间(fixedwidth默认设置)flex:flex-grow|收缩|flex-basis(3个属性的缩写)align-self:允许单个item与其他item有不同的对齐方式,可以覆盖align-items属性参考:Flex布局教程:语法-阮一峰博客的内容/灵感文章借鉴自以下【持续维护/更新500+前端面试题/笔记】https://github.com/noxussj/In...【大数据可视化图表插件】https://www.npmjs.com/package...【使用三个.JS实现3D城市建模(珠海市)】https://3d.noxussj.top/
