• display: flex 设置在父容器上，直接子元素成为弹性项目。
• gap 设置项目间距；flex-wrap: wrap 允许空间不足时换行。
• justify-content 沿主轴对齐；align-items 沿交叉轴对齐。
• 观察下面三个项目；主轴方向由 flex-direction 决定，不总是水平。

.flex-demo {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}