为什么textAlign:'justify'会增加某些行中的字母间距

时间:2017-02-14 12:42:28

标签: javascript react-native

我正在使用react-native创建移动应用程序,我希望在元素中使文本对齐。 它在大多数地方运作良好,但我注意到在某些行中它不仅增加了单词之间的空间,还增加了字母之间的空间。 它看起来很奇怪。 像这样:

Lorem        Ipsum        is       simply   -> in most rows (like I want)
L o r e m   I p s u m   i s   s i m p l y   -> in some rows

谁知道为什么会这样?

3 个答案:

答案 0 :(得分:1)

Justify意味着:从左到右填充,它会将一行中的措辞/字母分开,直到感觉到......

答案 1 :(得分:1)

因为那是什么"证明"排版意味着排版。这意味着每条线的左侧和右侧都是对齐的。在不分词的情况下可靠地做到这一点的唯一方法就是弄乱字母字母。这经常用于像报纸这样的基于列的布局。

答案 2 :(得分:1)

来自the specification

  

如果[text-align]的值为'对齐',则用户代理可以在内联框中展开空格和单词(但不是内联表和内联 - 块盒)。

(我的重点)

所以不仅仅是单词之间的空格,而是单词本身可以被拉伸以填充空间。浏览器用于决定添加填充的位置(单词,单词或组合之间)的算法是特定于浏览器的。