2016-11-19 68 views
1

之间减少三个省略号我想在一个段落结束时得到这种效果。然后以一条线为中心是三个椭圆'。 。 “。那么新的段落从下一行开始。在段落

在Daringfireball上有一个这样的例子,它看起来和下面的图像完全一样。注意图像中心的三个点!

enter image description here

降价来实现这一点可以被看作像截屏说,它看起来像这样* * * 然而,当我这样做,它使得在整个页面的HTML


硬性规定。看着Markdown文档,这看起来像是正常的行为,那么John是如何得到这种表现的呢?这是幕后代码的样子。

enter image description here

看起来你可以只添加* * *在其自己的一条线吗?你不会相信有多少人会在截取一个句子......我花了25分钟试图寻找这样一个简单的东西,我几乎在嘲笑它有多可悲。我只是想使用Markdown来添加三个以自己的线为中心的省略号。可能?我开始思考不?或者这只能用HTML和CSS来完成。我已经被告知这三个点的信号在小说中完成了一段时间,这正是我想要使用它的时间。任何人都可以帮助它会很好。

回答

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>

希望它可以帮助

1

如果选中该页面的CSS(herehere),你会看到他用下面的syles得到效果:

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; 
}