文字对齐时,在移动视图中某些单词之间的间距太大

时间:2019-04-10 13:27:12

标签: html css

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

spacing problem

p {
  text-align:justify;
}

2 个答案:

答案 0 :(得分:0)

正因为如此,对文本进行修饰很危险。有时,您无法在文本中不存在巨大空白的情况下辩解。 LaTeX编译器实际上更喜欢扩展行(忽略页面边距),而不是创建孔。

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

如果您绝对必须避免这些间隙,则必须调整容器的字体大小或宽度或编辑文本。但是请记住要测试许多分辨率,屏幕宽度和缩放系数。您可能太忙了,无法采用这种方法,因此除了左对齐文本或咬住项目符号并顺其自然地工作之外,没有其他可行的解决方案。

答案 1 :(得分:-1)

如果保留text-align: justify,则不可能。

删除后,只需使用word-spacing

这里有一些例子

word-spacing: normal;
word-spacing: 5em;
word-spacing: 15px;

https://developer.mozilla.org/en-US/docs/Web/CSS/word-spacing