UniApp的Flex布局

html-css09

UniApp的Flex布局,第1张

1.flexible box :弹性盒状布局

2.容器控制内部元素的布局定位

3.css3引入的新的布局模型

4.伸缩元素，自由填充，自适应

1.可在不同方向排列元素

2.控制元素排序的方向

3.控制元素的对齐方式

4.控制元素之间等距

5.控制单个元素的放大与缩小，占比

1.flexcontainer：flex容器

2.flex item：flex元素

3.flex direction:布局方向

在uniapp中要实现文字排版可以使用view组件，可以利用CSS样式对排版进行调整。

以下示例代码中实现了文字左对齐：

```

<view class="text-left">

这是文字左对齐

</view>

.text-left{

text-align: left

}

```

1.模板

2.开关定义

3.滚动方法

4.css动画定义