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

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

2017-10-12 91 0

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

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

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

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

  

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

  

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

  

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

  

  只要限定了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;

  }

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

  相关推荐:

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

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

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

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

发布:2017-10-12来源:lm8023yjw阅读:91

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

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

  微信小程序的在同一行有一个控件放在左边,另一个控件放在右边,可以利用来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

2017年微信引导分享动态图精选!

4

最新微信引导关注动图大全!

5

最新公众号阅读原文动态图素材

6

最新微信底部扫码关注模板

7

最新微信公众号求关注图标大全

8

最新微信关注我们动态图素材

9

点击按钮关注公众号,点击按钮关注公众号图片素材

10

最近更新

更多
1微信小视频怎么加音乐?如何添加背景音乐?
2web开发者工具如何上传小程序?
3微信小程序开发者怎样关联公众号?
4微信小程序链接的未来有哪些发展?
5微信小程序后端开发教程
6微信考勤在哪里修改签到定位?
7微信校园外卖运营大全
8微信小程序可以卖东西吗?如何营销?
9小程序开发有什么条件?
10微信小程序开发需要什么语言?

猜你喜欢

小程序 | 小程序前端怎么开发?
小程序 | 微信订阅号如何开发小程序?
小程序 | 拼多多的微信小程序怎么开发?
小程序 | 微信小程序的价值有哪些?
小程序 | 微信小程序跳转到网页怎么设置?
小程序 | 百万用户的小程序怎么做?如何做一个为公众号增色的小程序?
小程序 | 穷游智能攻略小程序:让你没钱也能玩遍全世界
小程序 | 小程序不能实现外链吗?小程序是否可以加外部链接?
小程序 | 支付宝小程序入口在哪?和微信小程序有何区别?
小程序 | 小程序玩转公交移动支付开启智慧出行