Javascript 如何在HTML/CSS中模拟非不透明图？

很久以前，一些被称为“科幻迷”的怪人发明了另一种段落格式：非密写。在这种格式中，当你到达一段的末尾时，你会向上伸手并将旋钮向下转动一个空间，但不会移动托架。 结果在段落之间提供了与选项1相同的视觉分隔，但没有浪费行末尾的所有空间

我正在准备一个文档，该文档在web上使用非密写。
这很容易
以其当前格式（Word文档）执行。如果转换为PDF，也可以使用。
但显而易见的解决方案（在生产线的起点添加一堆NBSP）将
如果用户更改了默认字体，甚至更改了
字体大小。
有谁能想出一种方法来获得这种效果，或多或少是可靠的，
在HTML和CSS中？（我也愿意使用Javascript。）

我写得很快，这不是一个完整的解决方案，但其他人可以改进我的答案：

基本上，将段落显示为内联元素，然后添加增量垂直偏移。一些javascript应该能够自动实现这一点

附录：根据评论，我们需要考虑以下因素。将所有

元素放在

中，然后将其添加到CSS中：

p:last-child:after {
    content: "";
    display: block;
    margin-bottom: 4em;
}

在这里，

4em

将等于最后一个

top

段落移位，加上您需要的任何额外间距

---

附录2:这里有更多内容的另一个例子：

我为什么要这么做？你可以问。原始材料是以这种方式输入的（在同上的（R）母版上），我想以尽可能接近原始格式的方式呈现它。我只想问一下，你想做什么，因为你的描述不够描述性。稍后，您可以回答原因。如果可以的话，请在单间隔代码块中演示此效果。老实说，我一点也不知道你在说什么。我不能完全想象它，尽管互联网上的一个解释确实有助于“下一段从上一段最后一行的最后一个字符开始，两个空格过去。”这就是你想做的吗？Sherrifderek，罗伯特·哈维：我想做的事情在我的第一个评论中就表现出来了。德里克：是的，没错。无论如何，Daze的回答很好，它完全符合我的要求。我喜欢它！我要试试，看看它是怎么工作的。工作起来很有魅力！甚至不需要javascript，只要确保我有足够的javascript来完成这项工作。并在结尾加上一些空格，否则最后一段（或两段）将与后面的内容重叠。我喜欢雅致优雅的解决方案。是的，我没有考虑接下来的元素。我是这样修复的：

p:last-child:after{content:”；display:block；margin-bottom:4em；}

。有关详细信息，请参阅我答案的附录。如果我所有的非不透明序列都正好有4个段落，那么后面的最后一个孩子就可以了。我想我只需要将整个内容包装成一个，并在末尾添加足够数量的
s。或将style=“margin bottom:xem；”添加到NSP序列的最后一段。

p:last-child:after {
    content: "";
    display: block;
    margin-bottom: 4em;
}