标签导航：

如何实现不规则宽度、等间距左对齐布局？

如何实现不规则宽度、等间距左对齐布局？

给定如下布局需求：

  • 宽度不定
  • 间距相同
  • 左对齐

要实现此布局，可以使用 Flexbox 布局。具体 CSS 代码如下：

display: flex;
flex-wrap: wrap;
gap: 10px;

其中：

  • display: flex; 将元素设置为 Flexbox 布局。
  • flex-wrap: wrap; 允许元素在达到容器宽度时换行。
  • gap: 10px; 指定元素之间的间距为 10px。