首页 > 解决方案 > 当文本对齐时,某些单词之间的间距在移动视图中太大了

问题描述

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

间距问题

p {
  text-align:justify;
}

标签: htmlcss

解决方案


正是由于这个原因,证明文本是危险的。有时,如果不在文本中造成巨大的空白,您就无法证明其合理性。LaTeX 编译器实际上更喜欢扩展行(忽略例如页边距)而不是创建孔。

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

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


推荐阅读