如何在 CSS 中的每个点 (.) 后中断句子

Question

我有这样的文字

Html 是一种基于网络的语言。为了设计网页样式，我们必须使用 css。为此，我们必须编写 css 并包含这些文件。

我的预期输出是这样的：

Html 是一种基于网络的语言。

为了设计网页样式，我们必须使用 css。

为此，我们必须编写 css 并包含这些文件。

原文由 mani 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

HTML 默认会像换行符一样忽略空格。您可以使用 CSS 使用 white space 属性来处理它。

 div {
    white-space: pre-line;
}

这将告诉浏览器保留 div 中的行尾。

编辑

但是，如果您的文本在句号后没有换行符，则您要么必须像 Hashem Qolami 指出的那样使用 JavaScript 来执行此操作，要么在服务器端使用您拥有的任何语言。

请参阅 String.prototype.replace() 以了解如何在客户端执行此操作。

原文由 Jørgen R 发布，翻译遵循 CC BY-SA 3.0 许可协议