如何在CSS中的每个点（。）后断句

Question

我有这样的文字

  

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

我的预期结果如下：

  

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

Answer 1

默认情况下，HTML会忽略像换行符这样的空格。您可以使用white space属性使用CSS处理它。

div {
    white-space: pre-line;
}

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

修改

但如果您的文本在完全停止后没有换行符，则必须使用Hashem Qolami指出的JavaScript或者使用您在那里使用的语言服务器端。

有关如何执行此客户端的信息，请参阅String.prototype.replace()。

Answer 2

CSS中不可行。没有选择器允许您选择文本的一部分。你必须在javascript中“手动”添加换行符。

Answer 3

使用pre并使文本在句点

之后具有实际换行符

<pre>Html is a Webbased language.
For styling the webpage we have to use the css.
For this we have to write the css and include those files.</pre>

或者使用<br>元素添加html符号

Html is a Webbased language.<br/> For styling the webpage we have to use the css.<br/> For this we have to write the css and include those files.

Answer 4

执行此操作的正确方法是使用列表。原因如下：

1. HTML附带H1-H6，p，strong，ul，ol等自己的造型.CSS只增加了视觉样式。
2. 你显然没有打破这些线条，因为“它的哎呀”。
3. 您想要的输出结构就像一个列表。
4. 无论视觉样式（css）ex的可用性如何，都将正确读取输出。屏幕阅读器等。

简单删除样式前的列表

list-style-type: none;

你的问题的答案不是“这不能做”，而是你从错误的角度接近问题。这不是CSS问题，而是标记问题。

Answer 5

我来到这里是为了满足OP的需要，并想解释为什么有时需要它。

今天Twitter将所有人改为280个字符。

现在，推文看起来像文本块。

我发现了这个问题，因为我想找到一种在浏览器中使用自定义CSS完全停止后可视地添加换行符的方法。

有时，实际上需要后期处理。