display: flex;

`display: flex;` 是CSS3中新增的一种布局方式，它可以让元素变成一个弹性盒子，从而实现弹性布局。

使用 `display: flex;` 可以在父容器上定义弹性容器，然后通过设置弹性容器的属性来控制子元素的排列方式，包括子元素的排列方向、间距、对齐方式等。

常用的 `display: flex;` 属性值包括：

- `flex-direction`：控制子元素排列方向，包括水平方向和垂直方向。
- `justify-content`：控制子元素在主轴上的对齐方式，包括居中、两端对齐、左对齐、右对齐等。
- `align-items`：控制子元素在交叉轴上的对齐方式，包括居中、顶部对齐、底部对齐等。
- `flex-wrap`：控制子元素是否换行显示，包括不换行、换行、强制换行等。

使用 `display: flex;` 进行弹性布局可以让网页更加灵活，适应不同尺寸的屏幕和不同的设备。

相关问题

display:flex

display:flex是CSS中的一个属性，用于指定元素的布局方式为弹性布局。通过设置display:flex，可以创建一个包含弹性元素的容器，并指定这些弹性元素的排列方式和对齐方式。在引用中，通过实例代码展示了使用display:flex和display:inline-flex的效果。

在引用中的样例代码中，设置了display:flex属性，并使用justify-content:flex-end将子元素右对齐。而在引用中的样例代码中，设置了display:flex属性，并使用flex-wrap:wrap实现了子元素的换行。

display: flex

这是CSS中的一种布局方式，用于控制元素的排列方式。将一个元素的display属性设置为flex，可以使该元素成为弹性容器，它的子元素可以通过设置不同的flex属性值来实现不同的布局效果。常见的属性有flex-direction、justify-content、align-items等，可以用来控制子元素的排列方向、对齐方式等。