小程序的布局模式主要采用了 弹性布局，具体来说是 Flex布局。这种布局方式与CSS3中的Flexbox类似，使用起来也类似，只是属性名称有所不同。在小程序中，可以通过设置`display: flex；`来启用Flex布局。
此外，小程序布局还支持以下几种方式：
Block布局：
这是传统的布局方式，元素会按照垂直方向一个接一个地排列，每个元素都会独占一行。
Grid布局：
类似于CSS Grid，可以创建二维网格系统，将页面划分为多个行和列，使得页面元素可以在网格中灵活地布局。
Float布局：
虽然不常用，但也可以用于实现元素的浮动定位。
Position布局：
包括绝对定位和相对定位，可以精确控制元素在页面上的位置。
Table布局：
类似于HTML表格，用于创建复杂的网格结构。
ScrollView滚动视图：
允许创建可滚动的内容区域，适用于较长的文本、图像或列表。
页面布局容器：
如`view`、`swiper`、`scroll-view`等，用于组织内容成不同的布局。
建议根据具体需求和设计目标选择合适的布局方式，以实现最佳的用户体验和页面效果。