Javascript 使用css遇到一些字符后，转到新行

我在CSV电子表格中有类似的内容：

功能：•第一个功能•第二个功能•第三个功能•第四个功能•依此类推（它的总功能编号是可变的）

我希望每个功能都在一个新行上，而不插入任何HTML标记，如下所示：

<style>
 p {
  white-space: pre;
 }
</style>

<p>Features:
• first feature
• second feature
• third feature
• fourth feature
• and so on (the totale feature number it's variable)
</p>

功能：
•第一个功能
•第二项功能
•第三个功能
•第四项功能
•依此类推（其可变的总体特征编号）

CSS可以用来达到这个效果吗

（允许使用javascript）

---

谢谢。

使用CSS是不可能的。正如其他人所说，您应该使用

标记。这就是他们被创造的目的

我能看到的唯一纯CSS解决方案如下：

<style>
 p {
  white-space: pre;
 }
</style>

<p>Features:
• first feature
• second feature
• third feature
• fourth feature
• and so on (the totale feature number it's variable)
</p>

p{
空白：预处理；
}
特点：
•第一个特点
•第二个特点
•第三个特点
•第四个特点
•依此类推（其可变的总体特征编号）

CSS是一种样式文档，用于格式化页面上元素的外观。 HTML是一种标记文档，用于设置页面上显示的实际项目的格式

虽然两者在某些方面相似，但应该分开。这里您想要的似乎是更改项目在页面上的显示方式。正如在评论中提到的，您正在寻找组织标签，以便在添加新行时进行排序，或者查看文本在页面上的显示方式。这可以在HTML中通过几个不同的标记来完成：

标记、

标记、

标记以及上述列表元素

及其容器标记
在本例中，您似乎希望格式化列表，因此最佳做法是使用列表标记：

<ul>
  <li>  </li>
  <li>  </li>
  <li>  </li>
</ul>

在我看来，最好的解决方案包括服务器端脚本、解析和更改标记的结构。在给定的结构中，CSS本身不能用于实现结果
无论如何，如果javascript是一种可接受的方法，那么在插入段落后，您可以进行如下简单替换：
示例
<代码> var PAR =文档.GETelEngsByTAGNITY（P′）〔0〕； Pr.InEngHTML＝PAR.InEntHML.替换（//g，
·）； 如果您有其他无法识别的字符，请使用安全范围的unicode序列，如下所示

par.innerHTML = par.innerHTML.replace(/[\u017C-\uFFFF]+/g, "<br />•");

<代码> PAR.NEnHTML= PAL.InNeML.Read（/[\U017C--UFFFF] +/g，“
·”）；

---

结果

---

我不这么认为-你首先是如何获得html的。只需使用列表…这就是它们的用途。是否正在更改标记和选项？不，除了你想要的是一个列表之外，它是从ul li构建的。它在CSV电子表格之外。这显然是唯一可以使用的CSS选项。提问者明确表示“不插入任何HTML标记”，这是你的间接做法。虽然我可以看到这一点，但我想他的意思是“不手动插入任何HTML标记”，或者换句话说，不更改CSV@MathewMacLean如果您允许javascript，它将生成样式和/或标记