flex-basis 属性是 CSS 中用于设置弹性盒模型容器的弹性基线（也称为主轴或根轴）的属性。它允许你为容器分配一个固定或可变的宽度，从而实现元素的对齐和布局。

以下是一些使用 flex-basis 的例子：

1. 对齐方式：你可以使用 flex-basis 来设置元素在容器中的对齐方式。例如：

css .container { flex-basis: 200px; }

这将使容器在设备上缩放时，主轴的宽度为 200px。

1. 间距：你可以使用 flex-basis 来设置元素之间的间距。例如：

css .container { flex-basis: 200px 20px; }

这将使元素之间的距离为 20px。

1. 填充：你可以使用 flex-basis 来设置元素在容器中填充的比例。例如：

css .container { flex-basis: 200px; flex-shrink: 1; }

这将使元素填充容器的 200%。

1. 边距：你可以使用 flex-basis 来设置元素在容器中的边距。例如：

css .container { flex-basis: 200px 20px; padding: 20px; }

这将使元素在容器的两侧各预留 20px 的空间。

1. 对齐轴：你可以使用 flex-basis 来设置对齐轴的位置。例如：

css .container { flex-basis: 200px; align-items: center; }

这将使容器的对齐轴在水平和垂直方向上居中对齐。

总的来说，flex-basis 是一个非常有用的属性，它允许你轻松地设置元素在容器中的对齐方式和间距，从而实现更灵活和动态的布局。