Question

下面是使用以下命令添加换行符的众所周知的方法：after pseudo-element：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style>
        .br:after {
            content: '\a';
            white-space: pre;
        }
    </style>
</head>
<body>

    <span class="br">Line 1</span>
    <span class="br">Line 2</span>
    <span class="br">Line 3</span>
    <span class="br">Line 4</span>

</body>
</html>

问题在于将此html内容从浏览器复制并粘贴到外部编辑器，例如记事本或Word，换行符丢失，上面的文字显示为

Line 1 Line 2 Line 3 Line 4

有任何解决方法吗？

Answer 1

如果您希望每个span元素出现在自己的一行上，则只需设置

.br { display: block; }

如果你想在span之后只有一个换行符，同时让它与前面的内容走到同一行，那么我恐怕没有解决方案。作为一种笨拙的解决方法，您可以在生成的内容中包含可见字符，然后在目标程序中进行搜索和替换，以换行换行。

换行符：粘贴到编辑器后伪元素内容丢失后

1 个答案: