html - 当文本对齐时，某些单词之间的间距在移动 View 中太大

Question

我创建了一个网站并准备启动它，但后来我注意到在移动设备上显示时文本中的某些单词之间的间距太大。是否可以以某种方式定义段落中的最大间距？

p {
  text-align:justify;
}

Answer 1

正因为这个原因，对齐文本是危险的。有时，如果不在文本中制造巨大的空白，你就无法证明这一点。 LaTeX 编译器实际上更喜欢延长行(忽略例如页边距)而不是创建孔。

您可以尝试使用 hyphens CSS 属性来避免 间隙，但请记住，此功能是新功能，可能并不总是有效。参见 https://css-tricks.com/almanac/properties/h/hyphenate/

如果您绝对必须避免这些间隙，则必须调整容器的字体大小或宽度或编辑文本。但请记住要测试许多分辨率、屏幕宽度和缩放系数。您可能太忙而无法采用这种方法，因此除了将文本左对齐或硬着头皮忍受空白之外，没有其他可行的解决方案。