微信小程序靠右对齐怎么实现?
微信小程序靠右对齐怎么实现?各位微信小程序开发者,你在开发微信小程序的时候,会遇到微信小程序布局的问题,那么微信小程序靠右对齐怎么实现呢?以下就是具体的方法了哦。
微信小程序靠右对齐怎么实现?
微信小程序的在同一行有一个控件放在左边,另一个控件放在右边,可以利用来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;
}
感谢大家的观看,以上就是微信小程序靠右对齐怎么实现的方法了哦,希望以上的内容对大家开发微信小程序会有帮助哦,大家请多关注微微风哦。更多微信公众号知识尽在本网哦。
相关推荐:
《这个微信小程序告诉你打王者荣耀怎么快速上分?》
《微信找不到小程序,微信如何才能找到小程序?》
《微信小程序定位功能怎么开发?》
