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

目前效果:

小程序空格解决文字分散对齐_第1张图片


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

小程序空格解决文字分散对齐_第2张图片


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


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

小程序空格解决文字分散对齐_第3张图片


测试解说:

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

代码如下

小程序空格解决文字分散对齐_第4张图片

效果如下:

小程序空格解决文字分散对齐_第5张图片

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


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

代码如下:

小程序空格解决文字分散对齐_第6张图片

效果如下:

小程序空格解决文字分散对齐_第7张图片

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


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

你可能感兴趣的:(微信小程序)