如何使用 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 问题。