小程序开发——页面布局

是会飞的猪

于 2019-07-25 20:33:30 发布

阅读量562

点赞数

分类专栏：小程序

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/weixin_42597880/article/details/97272466

版权

这篇博客探讨了在小程序开发中如何进行页面布局，包括flex布局的详细解释，如flex容器和元素属性，以及相对布局和绝对布局的用法。文章还提到了一些实用的CSS技巧和知识拓展，如CSS模块化和CSS实用工具。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

两种方式可以同时使用。

一、flex布局

flex容器属性

flex-direction：元素的排列方向，默认为row（横排），column为竖排
flex-wrap：元素是否换行，nowrap(默认)、wrap、wrap-reverse（换行方向与wrap主轴相反）
flex-flow：flex-direction和flex-wrap的简写，比如 row wrap
justify-content：元素在主轴的对齐方式，flex-start（默认）、flex-end、center、space-between、space-around、space-evenly
align-items：元素在交叉轴对齐方式，stretch（默认值）、flex-

最低0.47元/天解锁文章

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。