如何用css跳线？

Question

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

我的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。

以下是摘录。

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

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