为什么选择文本对齐:'justify'增加某些行中的字母间距



我正在使用 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

谁知道为什么会这样?

从规范:

如果 [ text-align ] 的值为"justify",则用户代理可以拉伸内联框中的空格和单词(但不包括内联表内联块框(。

(我的强调(

因此,不仅单词之间的空格,而且单词本身都可以拉伸以填充空间。浏览器用于决定在何处添加填充(在单词之间、单词内或组合(的算法是特定于浏览器的。

对齐的意思是:从左到右填充,它会将单词/字母隔开一行,直到感觉起来......

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

相关内容

  • 没有找到相关文章