如何用css跳线？ [复制]

Question

我想通过使用 css 代码（而不是直接在 html 页面中）将文本添加到 div。我想在 div 中添加一个句子（class= 标题），但我想在某个时候在这句话中跳一行。

我的 CSS 是：

.title
{
  visibility: hidden;
}
.title: after
{  
  content: "Part 1 Part 2";
  visibility: visible;
  margin-left: -220px;
}

我想在第 1 部分和第 2 部分之间跳一条线。 我想也许它可以通过使用 \n 或 \a 之类的东西来工作，但它没有用。

谢谢，

最好的问候

Answer 1

使用white-space: pre-wrap;

看看这个fiddle。

这里是sn-p。

.title {
  visibility: hidden;
}
.title:after {
  content: "Part 1 \A Part 2";
  visibility: visible;
  white-space: pre-wrap;
}

<div class="title"></div>