项目中要实现列表中左侧文字两端对齐，方法很多，比如 或者用标签占位等。下面分享一个简单的方法。
项目用的vue，下方代码适用vue或uniapp，其他框架实现方法同理。
<span class="title" v-html="('车牌号'.split('').map(el => `<i>${el}</i>`).join(''))"></span>
.title{
width: 80px;
display: flex;
align-items: center;
justify-content: space-between;
}
也就是将每个文字都裹上一层标签，然后父级盒子用弹性盒直接两端对齐即可，当然父级盒子一定得有个宽度。
附件详情
-
说明:
普通用户每次点击下载扣除1金币
-
附件名：
-
附件分类：
暂无
-
账户经验：
-
账户金币：
-
账户灵石：
-
上传信息：
精致|2026-04-24
-
下载地址：
CSWL官方博客
