Css相关

1. 介绍 flex，适用什么场景，三个核心属性是什么

• Flex 是 CSS 的一种布局方式，全称为 Flexible Box Layout，即弹性盒布局。它提供了一种更加灵活和高效的方式来布局网页元素。

适用场景：

• 自适应布局：可以轻松实现不同屏幕尺寸下的自适应布局，适用于响应式设计。
• 对齐和分布：方便地实现元素的水平和垂直对齐，以及均匀分布。
• 复杂布局：对于复杂的布局需求，如导航栏、表单、卡片布局等，Flex 可以提供简洁的解决方案。

三个核心属性：

• flex-direction：决定主轴的方向，即项目在弹性容器中的排列方向。可以是row（水平从左到右）、row-reverse（水平从右到左）、column（垂直从上到下）、column-reverse（垂直从下到上）。
• flex-wrap：决定当项目在主轴方向上超出弹性容器的尺寸时，是否换行。可以是nowrap（不换行）、wrap（换行）、wrap-reverse（反向换行）。
• justify-content：决定项目在主轴上的对齐方式。可以是flex-start（左对齐或上对齐）、flex-end（右对齐或下对齐）、center（居中对齐）、space-between（两端对齐，项目之间的间隔相等）、space-around（每个项目两侧的间隔相等）。