我們知道，text-align: justify;對最后一行無效，當有一個段落而最后一行只有兩個字時，text-align: justify;的效果是前面N行兩端對齊，最后一行居左，這樣有利于用戶的視覺體驗，但是當我們只有一行文本，該怎么實現單行文本兩端對齊呢？效果如下：

方法一，利用偽類after新增一行，使該行文本不是最后一行

wxss:

.ul .li label:after {

display: inline-block;

width: 100%;

content: '';

height: 0;

}

方法二，利用新屬性text-align-last: justify;實現最后一行的文本對齊，小程序兼容

wxss:

.ul .li label{

display: inline-block;

width: 20%;

text-align: justify;

text-align-last: justify;

}

wxml:

姓名：

text-align-last 屬性規定如何對齊文本的最后一行。

注意：text-align-last 屬性只有在 text-align 屬性設置為 "justify" 時才起作用。

瀏覽器支持：

總結

以上是生活随笔為你收集整理的text 两端对齐 小程序_小程序实现文字两端对齐的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。