博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
《微信小程序开发入门精要》——第2章,第2.5节水平排列对齐方式
阅读量:6714 次
发布时间:2019-06-25

本文共 436 字,大约阅读时间需要 1 分钟。

本节书摘来自异步社区《微信小程序开发入门精要》一书中的第2章,第2.5节水平排列对齐方式,作者 李宁,更多章节内容可以访问云栖社区“异步社区”公众号查看

2.5 水平排列对齐方式

前文所述的水平排列都是从左侧开始排列的,这是默认的对齐方式:左对齐。这种对齐方式是默认的,或在style属性中加入justify-content: flex-start,代码如下:

除了左对齐,还有右对齐和中心对齐,只需要将justify-content的值改成flex-end或center,即可实现右对齐或中心对齐的效果。右对齐的布局代码如下:

右对齐的效果如图2-7所示。

342f6b2d13d6f74fd30b07df5f79d0f9607b40eb

▲图2-7 右对齐

中心对齐的代码布局代码如下:

中心对齐的效果如图2-8所示。

0626785abc94696a32bf9270c1b945c47283ddf5

▲图2-8 中心对齐

转载地址:http://xtrlo.baihongyu.com/

你可能感兴趣的文章
java贪吃蛇
查看>>
history
查看>>
LeetCode-4Sum
查看>>
GraphicsMagick安装&make命令使用
查看>>
用MeanJS和Yeoman生成器生成【翻译】
查看>>
加个图
查看>>
docker之container
查看>>
入园第一天
查看>>
使用BackgroundWorker解决窗口卡死
查看>>
Thinkpad 笔记本 装win7 64 位操作系统热键驱动装不上问题解决!
查看>>
【演讲实录】下一代企业级应用架构管理体系
查看>>
1.11考试
查看>>
变量和数据类型 .py
查看>>
最小生成树专题总结
查看>>
BOM属性对象方法
查看>>
02 求1-100所有整数的和
查看>>
springboot pom.xml记
查看>>
Generating Sankey Diagrams from rCharts
查看>>
数学计划
查看>>
第0周---python网络爬虫前奏
查看>>