如何使用CSS对Firefox和Safari中的文本进行对齐？

Question

在Chrome中，在段落元素上，

text-align: justify;

可以正常工作并创建块对齐，但在Firefox或Safari中无效。有什么建议吗？

Answer 1

将white-space属性设置为pre-line。它将强制折叠为单个空格，并且文本将在换行符处换行。这将有助于阻止对齐：

   white-space: pre-line;

Answer 2

代表发表评论的OP的发布

我相信我已经解决了这个问题：

 white-space: pre-wrap; 

有干扰，所以我用了

white-space: unset; 

解决问题。

Answer 3

在段落元素上或<p>是块标签元素，但 DTD 说它包含内联元素。如果text-align: justify不起作用，则必须检查浏览器用户代理样式表。如果p是display: block / inline-block;，那么text-align: justify;将起作用。

P{
    display: block; /* inline-block; */
    text-align: justify;
}

它将解决您的Firefox和Safari问题。