WX小程序 view 文本右对齐 text-aligns:right 无效，解决办法

.right-view{ 锋薯

       display: flex 

       height: 42upx

      line-height: 42upx

   银燃者   font-size: 24upx

      color: #FFFFFFwidth: 128upx

   段和   padding-right: 15upxjustify-content: flex-end

      background-color: #738BB9

}

1、首先打开微信开发者工具，新建一个小程序。

2、page目录下新建一个test目录和相关页面文件。打开app.json文件，将test页面路径放置到index前面。

3、单个view居中：点击打开test.wxml页面代码，肆族输入图中的代码内容。给view设置一个class。

4、点穗困击打开test.wxss文件，这里设猜雹念置元素样式。输入下面图中的样式代码，可以实现view中文字内容居中。

5、最后打开test.wxss文件，设置viewin的样式代码，如图中所示。实现内部的view相对于外层的view居中显示。

首先我们来认识一下左边的按钮。左边的按钮是“…”，在微信中，大多数的“…”都表示更多的意思，所以在这里是表示更多。

2

/7

按下这个更多缺耐键后我们可以发现它会d出一个小小的d窗，我们现在就来认识一下这个d窗。先从第二行，开始第一个键是发送给朋友。发送给朋友也可以说成转发，把这个小程序推荐给朋友。这个我就不多说了。

3

/7

在看第二个键，第二个键是当前为首页。就是代表将我们现在的这个界面设为首页，而不是小程序在编写的时候的默认的主页，当然这个按钮在我们在首页的时候是无凳扮橡法使用的。

4

/7

这一行的最后一个是添加到我的小程序是指把它添加到一个特定的界面，这样可以使我们使用这个小程序起来非常的便携，这个地方通常用于非常常用的小程序。

5

/7

再看第三行。第一个是设置。按进去是设置权限。这个不多说了，很容易理解。

6

/7

最后是举报。举报是指这个小程序违反枣旁了微信小程序协议的内容，报告给微信的。一旦被核实，小程序将被封住。

7

/7

大家别忘了我们还没有探索第一行呢。按下第一行的唯一的那个按钮进入后会发现，第一行是小程序的基本 *** 作。以及小程序的介绍及基本信息。

---