cssdisplay：flex布局

CSS的display:flex布局是一种用于创建灵活且响应式的布局结构的方法。通过将父元素的display属性设置为flex，可以将其子元素排列在一个水平或垂直的主轴上。在flex布局中，可以使用多个属性来控制子元素的布局。

其中一个属性是flex-wrap。当flex-wrap被设置为wrap时，元素会换行，即当子元素的总宽度超过父元素的宽度时，会将多余的子元素放置在下一行。这允许在一个容器中容纳更多的子元素，并根据需要自动调整布局。

另一个属性是align-self。这个属性允许单个子元素有与其他子元素不同的对齐方式。默认情况下，align-self的值为auto，表示继承父元素的align-items属性。如果没有父元素，则默认为stretch，即拉伸以填充剩余的空间。

总结起来，通过设置display:flex以及使用flex-wrap属性，可以实现子元素的换行布局，并使用align-self属性对单个子元素进行对齐方式的调整。