首页 > 小程序 > 微信小程序靠右对齐怎么实现?

微信小程序靠右对齐怎么实现?

发布:2017-10-12 13:35:41来源:lm8023yjw阅读:522

  微信小程序靠右对齐怎么实现?各位微信小程序开发者,你在开发微信小程序的时候,会遇到微信小程序布局的问题,那么微信小程序靠右对齐怎么实现呢?以下就是具体的方法了哦。

  微信小程序靠右对齐怎么实现?

  微信小程序的在同一行有一个控件放在左边,另一个控件放在右边,可以利用来wxss作实现;

  微信小程序中,两行文字靠右对齐直接例子与讨论,不多说了,直接上微信代码

  微信小程序 靠右对齐1.jpg

  直接使用justify-content: space-between;,结果显示微信文本并不能靠右对齐

  微信小程序 靠右对齐2.jpg

  代码中“靠右对齐”这段文字被识别为一个整体,space-between的排布作用在整段文字上,靠右对齐未实现。我使用了笨办法,代码如下:

  微信小程序 靠右对齐3.jpg

  微信小程序靠右对齐实现的效果如下:

  微信小程序 靠右对齐4.jpg

  只要限定了view的宽度,就可以得到自己想要的靠右对齐

  demo.wxml代码如下:

  左边的文本

  右边的文本

  demo.wxss代码如下:

  .container {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  align-items: center;

  }

  .left {

  font-family: "黑体";

  color: #888;

  font-size: 40rpx;

  }

  .right {

  font-family: "楷体";

  color: #ff0000;

  font-size: 80rpx;

  }

  感谢大家的观看,以上就是微信小程序靠右对齐怎么实现的方法了哦,希望以上的内容对大家开发微信小程序会有帮助哦,大家请多关注微微风哦。更多微信公众号知识尽在本网哦。

  相关推荐:

  《这个微信小程序告诉你打王者荣耀怎么快速上分?

  《微信找不到小程序,微信如何才能找到小程序?

  《微信小程序定位功能怎么开发?

发表评论
微微风
昵称

最新资讯

更多

如何理解区块链与区块链技术这两个概念?

1

比特币有什么用?功能很强大吗?

2

比特币最大跌幅跌了多少?

3

2018最有价值百倍的币种有哪些?汇总介绍!

4

2020年3D NAND价格崩盘论将成共识,英特尔成为重大转折!

5

维卡币骗局!涉案资金超16亿

6

英特尔漏洞被爆!数字货币领域的我们应该担忧些什么?

7

比特币共识大会本月14日在美国纽约举行

8

最新eos货币价格动态

9

比特币扩容成掣肘未来交易量因素

10

热门点击

更多
1莱特币提现可以做到吗?如何去做的?
2莱特币隔离时间有什么影响?
3莱特币怎么炒?还能交易吗?
4短期炒比特币的技巧是什么?
5区块链盈利模式是什么?分哪些阶段?
6炒比特币输了几十万是什么体验?
7人们炒比特币的原因是什么?
8怎么炒比特币?详细步骤介绍!
9比特币矿池收益排行具体情况介绍!
102018年区块链爆雷之年是怎么回事?