会员卡信息 - 标题与内容对齐设置
要让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 著作权归作者所有。请勿转载和采集!