1
sciooga 2016-11-29 09:59:59 +08:00 via Android
text-align: justify 两端对齐
|
3
IdJoel OP 依次是 Chrome IE FF 感觉..... 无力 get.... |
5
xylitolLin 2016-11-29 10:21:34 +08:00
@IdJoel 姿势没有不对,但是 css 控制的两端对齐没有那么简单
http://www.cnblogs.com/rubylouvre/archive/2012/11/28/2792504.html |
6
ferrum 2016-11-29 10:24:10 +08:00
text-align: justify 这个属性很早(至少 CSS 2.1 )就有,不存在兼容性问题。
但它指的是排版里的「两端对齐」,就是当存在多行文本的时候,首尾两端是对齐的,单词中间的缝隙不固定。 如果你用过 Kindle ,或者亚马逊的手机 Kindle 软件看英文书,就会明白那种效果是什么的。 |
7
cncqw 2016-11-29 10:26:21 +08:00
姓<span class="kong">空空</span>名
手<span class="kong">a</span>机<span class="kong">a</span>号 联系方式 .kong{visibility: hidden;} |
8
xream 2016-11-29 10:35:42 +08:00
flex justify-content space-between
|
9
ChefIsAwesome 2016-11-29 10:37:24 +08:00
|
10
IdJoel OP @xylitolLin 已解决 万分感谢 。
@ferrum 学到了 感谢。 @cncqw 就是不想每个字都嵌套一个标签。。。。 @ChefIsAwesome 同上不想每个字套标签。。。 @xream 已解决 感谢。 @sciooga 涨姿势了 感谢大家 |
11
sciooga 2016-11-29 10:58:02 +08:00 1
|
12
zrp1994 2016-11-29 11:01:30 +08:00
可不可以这样:
每一行都设置固定宽度,然后不同字数的行设置不同的 word-spacing 。这个适用于等宽的文字,比如中文,或者都是大些或者小写的字母,而且不用生成过多 dom 。对于楼主的需求应该是足够的。 https://jsbin.com/wegitorusa/1/edit?html,css,output |
13
IdJoel OP @zrp1994 已经解决了 这种方法太麻烦 而且我觉得长代码和短代码区解决问题的话 我会比较喜欢短代码一点 毕竟只有三行。
|
15
sirm2z 2016-11-29 12:44:45 +08:00
根本不用代码
‘全角空格’ 就解决了 |
16
VtoEXL 2016-11-29 14:13:25 +08:00
  &ensp
|
18
hqfzone 2016-11-29 16:00:21 +08:00
大段文本还是不好弄的,要批量加空格,之前研究过一下~
https://qifu.me/at201509132307/ |
19
sensui7 2016-11-29 17:53:43 +08:00 via iPhone
letter-spacing
|
20
DoraJDJ 2016-11-29 17:58:01 +08:00
最简单暴力的用  
Keep it simple, stupid |