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

给定如下布局需求：

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

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

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

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

其中：

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