空格-让三个字与四个字宽度相等

前几天在调整自己小程序的页面,有个模块里的显示一行是三个字加冒号,一行是四个字加冒号,入下图:

无法对齐

这样对不齐看起来不是很舒服,所以我就在想怎么能让俩对齐。首先是要用空格,但是不行(个人猜想:可能是因为半角空格的原因),显示如下:

半角空格也没有用

全角空格的也不可以(全角空格直接占据一个汉字的空间,这里是需要用两个空格来占据一个汉字的空间)。

思考了一下,用css的方法似乎有属性可以解决,但是需要加挺多东西的(这个属性也没去找,有空的时候去搜搜),我用的是微信小程序他里的一个属性:

space空格

用这个 space属性 可以把半角空格显示出来,完美解决这个问题!

解决

注意:text标签才能使用这个属性。

小程序也算开发了一年了,中间遇到了许多的问题,也解决了不少问题,但是大部分都没有记录下来,之所以记录这篇是因为这是我上星期刚刚解决的一个小问题,但是今天又有个页面需要改的时候我竟然忘了,找了十分钟才找到,才发现真的好记性不如烂笔头,把自己的遇到的问题记录下来防止自己忘记,如果能帮助到其他人那就更好了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Web网站测试流程和方法(转载) 1测试流程与方法 1.1测试流程 进行正式测试之前,应先确定如何开展测试,不可盲...
    夏了夏夏夏天阅读 1,326评论 0 0
  • 〇、前言 本文共108张图,流量党请慎重! 历时1个半月,我把自己学习Python基础知识的框架详细梳理了一遍。 ...
    Raxxie阅读 19,105评论 17 410
  • 问题背景: 一般Java项目里,当我们需要做一些数据过滤的时候,往往通过trim方法对数据进行首尾空格删除,然后再...
    栾呱呱阅读 4,715评论 0 4
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,362评论 0 3
  • 没了光 就如同没有眼睛一样 只有声音的世界里 浪子不再远行追逐美景 情人不再牵手等待日出 人们开始忘记一幅幅面孔 ...
    MikeVan阅读 784评论 0 1