Skip to content
On this page

Flexbox And Grid

Place Content

用于同时控制内容如何在水平和垂直方向上对齐的功能类

使用前缀

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

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

语法

ClassProperties平台兼容性说明
place-content-startplace-content: start;H5、小程序、app-vue
place-content-endplace-content: end;H5、小程序、app-vue
place-content-centerplace-content: center;H5、小程序、app-vue
place-content-betweenplace-content: space-between;H5、小程序、app-vue
place-content-aroundplace-content: space-around;H5、小程序、app-vue
place-content-evenlyplace-content: space-evenly;H5、小程序、app-vue
place-content-stretchplace-content: stretch;H5、小程序、app-vue