小程序空格解决文字分散对齐

目前效果:


我想要得到的文字分散对齐的效果:


网上查了好长时间,基本都是CSS控制样式,弄得我眼花缭乱,一个一个试,在微信小程序里面都不好使,可能是我姿势不对,所以我就"投机取巧",想着用空格解决,空格也不能瞎用哦,先告诉你正确的做法,再给你解说哈。


正确做法:姓名,听力,阅读中间,中文全角空格各两个


测试解说:

(1).姓名中间英文空格两个,听力中间中文半角空格两个,阅读中间中文全角空格两个

代码如下


效果如下:

注意:英文空格和中文半角空格虽然你在代码里面打了两个,可是显示效果和打一个是一样的。


(2).姓名中间两个\t,听力中间一个 阅读中间两个 

代码如下:


效果如下:


注意:\t和英文空格和中文半角空格的展现是一样的,即代码里打两个,效果还是跟打一个一样。但发现 也是管用的。(之前我 忘记打分号导致不好使,注意别忘记分号!)


所以一定要记住用中文全角或 。

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值