Flex是Flexible Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性。当设置display: flex后，继续给view等容器组件设置flex-direction: row或column，就可以在该容器内按行或列排布子组件。uni-app推荐使用flex布局。因为flex布局有利于跨更多平台，尤其是采用原生渲染的平台。 flex-direction: row \n横向布局ABC flex-direction: column \n纵向布局ABC 更多布局示例 \nflex布局演示纵向布局-自动宽度纵向布局-固定宽度横向布局-自动宽度横向布局-自动宽度横向布局-居中横向布局-居中横向布局-居右横向布局-居右横向布局-平均分布横向布局-平均分布横向布局-两端对齐横向布局-两端对齐固定宽度自动占满余量固定宽度自动占满固定宽度一行显示不全,wrap折行一行显示不全,wrap折行一行显示不全,wrap折行垂直居顶垂直居中垂直居底 组合示例 \nflex布局演示 文字居左，留出左间距 剩余数量立即购买