On this page

Flexbox And Grid

Align Content

用于控制在多行 flex 和网格容器中行的位置的功能类。

使用前缀

为了防止和开发者项目中的其他原子化样式语法冲突，样式库默认添加了前缀 lwu，使用示例如下：

vue

<view class="lwu-flex"></view>

语法

Class	Properties	平台兼容性说明
content-start	align-content: flex-start;	H5、小程序、app-vue
content-end	align-content: flex-end;	H5、小程序、app-vue
content-center	align-content: center;	H5、小程序、app-vue
content-between	align-content: space-between;	H5、小程序、app-vue
content-around	align-content: space-around;	H5、小程序、app-vue
content-evenly	align-content: space-evenly;	H5、小程序、app-vue