• 简书网微信公众号二维码
您当前的位置: 首页 > 知识百科 > 微信小程序靠右对齐怎么实现?

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

时间:2023-07-01 14:05 阅读数:269 人阅读 分类:知识百科

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

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

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

  }

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

  相关推荐:

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

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

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