除了 nbsp;还有更好的解决这种切图问题吗

[IdJoel]

好像还挺常见的 但是我总不能给每一个字加个 class 像挤牙膏一样的挤 marginRight 吧

[sciooga]

text-align: justify 两端对齐

[Lucius]

@sciooga get

[IdJoel]

依次是 Chrome IE FF 感觉..... 无力 get....

[IdJoel]

@sciooga 不应该是我使用姿势不对啊。。。

[xylitolLin]

@IdJoel 姿势没有不对，但是 css 控制的两端对齐没有那么简单

http://www.cnblogs.com/rubylouvre/archive/2012/11/28/2792504.html

[ferrum]

text-align: justify 这个属性很早（至少 CSS 2.1 ）就有，不存在兼容性问题。

但它指的是排版里的「两端对齐」，就是当存在多行文本的时候，首尾两端是对齐的，单词中间的缝隙不固定。

如果你用过 Kindle ，或者亚马逊的手机 Kindle 软件看英文书，就会明白那种效果是什么的。

[cncqw]

姓<span class="kong">空空</span>名
手<span class="kong">a</span>机<span class="kong">a</span>号
联系方式
.kong{visibility: hidden;}

[xream]

flex justify-content space-between

[ChefIsAwesome]

flexbox 就搞定了
https://jsbin.com/ququmetode/edit?html,css,output

[IdJoel]

@xylitolLin 已解决 万分感谢 。
@ferrum 学到了 感谢。
@cncqw 就是不想每个字都嵌套一个标签。。。。
@ChefIsAwesome 同上不想每个字套标签。。。
@xream 已解决 感谢。

@sciooga
涨姿势了 感谢大家

[sciooga]

@IdJoel 我写了一个示例，只用 3 行 css 实现。
https://jsfiddle.net/sciooga/kb0qxs92/

[zrp1994]

可不可以这样：
每一行都设置固定宽度，然后不同字数的行设置不同的 word-spacing 。这个适用于等宽的文字，比如中文，或者都是大些或者小写的字母，而且不用生成过多 dom 。对于楼主的需求应该是足够的。
https://jsbin.com/wegitorusa/1/edit?html,css,output

[IdJoel]

@zrp1994 已经解决了 这种方法太麻烦 而且我觉得长代码和短代码区解决问题的话 我会比较喜欢短代码一点 毕竟只有三行。

[IdJoel]

@zrp1994 不过还是感谢热心人

[sirm2z]

根本不用代码

‘全角空格’ 就解决了

[VtoEXL]

&emsp; &ensp

[yimity]

@sirm2z 这就是我想说的，简单，简洁。一直这么用。哪里都是一样的整齐。不管你字体再变。

[hqfzone]

大段文本还是不好弄的，要批量加空格，之前研究过一下~
https://qifu.me/at201509132307/

[sensui7]

letter-spacing

[DoraJDJ]

最简单暴力的用 &emsp;

Keep it simple, stupid