Markdown段落之间有三个省略号

时间:2016-11-19 20:23:10

标签: html css markdown ellipse

我希望在一个段落结束时获得此效果。然后以一条线为中心的是三个椭圆'。 。 。'那么新段落就从下一行开始。

在Daringfireball上有一个例子,它看起来与下图完全相同。注意图像中心的三个点!

enter image description here

实现这一目标的Markdown可以像屏幕截图所示看起来像它* * * 但是,当我这样做时,它会在整个页面中放置一个html


硬规则。看看Markdown文档,这似乎是正常的行为,那么约翰是如何得到这样的呢?这是幕后代码的样子。

enter image description here

看起来你可以自己添加* * *到一行?你不会相信有多少人在关​​注截断一个句子......我花了25分钟试图寻找这么简单的事情,我几乎嘲笑它是多么可悲。我只是想使用Markdown添加三个以自己的线为中心的椭圆。可能?我开始想不到了吗?或者这只是用HTML和CSS完成的。我已经被告知这三个点在小说中完成了一段时间,这正是我想要用它的时间。任何人都可以帮助它会很棒。

2 个答案:

答案 0 :(得分:1)

如果您检查该网页的CSS(herehere),您会看到他使用以下方法来获得效果:

hr {
    height: 1px;
    margin: 2em 1em 4em 0;
    text-align: center;
    border-color: #777;
    border-width: 0;
    border-style: dotted;
}


.article hr:after {
    content: "···";
    letter-spacing: 2em;
}

答案 1 :(得分:0)

从我对问题的理解。

检查代码段



p {
  border: 1px solid black;
}
div {
  
  margin: auto;
  text-align:center;
  font-weight:bold;
  font-size:16px;

}

<p>

  This is the content dmmy content This is the content dmmy content This is the content dmmy content

</p>

<div id="dot">. . . .</div>
&#13;
&#13;
&#13;

希望有所帮助