一行文本时，右对齐；多行文本时，左对齐。

2022年6月21日 188次阅读 来源: ❍❏❐❑❒❖❘❙❚

页面开发时经常会遇到列表左右展示：左侧label，右侧文本信息，而且文本内容一行时，右对齐；文本多行时，左对齐；这样的需求，如下图所示：
《一行文本时，右对齐；多行文本时，左对齐。》
看图中红框内文本展示：一行情况如附件，多行情况如任务描述；
代码如下：

<view class="description">
    <view class="label" style="width:180rpx;">任务描述</view>
    <view style="flex:1;" class="div">
        <view class="divContent">{ { taskData.description}}</view>
    </view>
</view>

cs如下：

.divContent{ 
    text-align: justify;
    display:inline-block;
}

.div{ 
    text-align: right;
}
    原文作者：❍❏❐❑❒❖❘❙❚
    原文地址: https://blog.csdn.net/weixin_44636778/article/details/105366588
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞