Skip to content
On this page

Flexbox And Grid

Justify Content

用于控制 flex 和 grid 项目如何沿着容器的主轴定位的功能类。

使用前缀

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

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

语法

ClassProperties平台兼容性说明
justify-startjustify-content: flex-start;H5、小程序、app-vue、app-nvue
justify-endjustify-content: flex-end;H5、小程序、app-vue、app-nvue
justify-centerjustify-content: center;H5、小程序、app-vue、app-nvue
justify-betweenjustify-content: space-between;H5、小程序、app-vue、app-nvue
justify-aroundjustify-content: space-around;H5、小程序、app-vue、app-nvue
justify-evenlyjustify-content: space-evenly;H5、小程序、app-vue