要让title里面的冒号后面的内容对齐,可以使用CSS的文本对齐属性text-align来实现。

首先,在<u-cell>组件的外层包裹一个<div>元素,添加一个class名为"cell-wrapper"

<div class="cell-wrapper">
    <u-cell-group>
        <!-- u-cell components here -->
    </u-cell-group>
</div>

然后,在样式表中为这个class添加样式,设置文本对齐为右对齐:

.cell-wrapper .u-cell .u-cell__title {
    text-align: right;
}

这样,标题中冒号后面的内容就会右对齐显示了。

会员卡信息 - 标题与内容对齐设置

原文地址: https://www.cveoy.top/t/topic/qnKb 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录