【问题标题】:Markdown three ellipses between paragraphsMarkdown 段落之间的三个省略号
【发布时间】:2016-11-19 20:23:10
【问题描述】:

我想在一个段落结束时获得这种效果。然后以一条线本身为中心是三个椭圆'。 . 。然后新段落从下一行开始。

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

实现这一点的 Markdown 可以像屏幕截图所说的那样查看,它看起来像这样 * * * 但是,当我这样做时,它会放置一个 html


整个页面的硬规则。查看 Markdown 文档,这似乎是正常行为,那么 John 是如何让这种行为出现的呢?这是幕后代码的样子。

看起来您可以单独将 * * * 添加到一行?你不会相信有多少人关心在 en 截断一个句子......我花了 25 分钟试图搜索这样一个简单的东西,我几乎要笑它是多么可悲。我只是想使用 Markdown 添加三个以自己的行为中心的椭圆。可能的?我开始觉得不行?或者这只能通过 HTML 和 CSS 完成。有人告诉我,这三个点在小说中完成时标志着时间的流逝,这正是我想要使用它的目的。任何人都可以帮助它会很棒。

【问题讨论】:

    标签: html css markdown ellipse


    【解决方案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;
    }
    

    【讨论】:

      【解决方案2】:

      根据我从问题中的理解。

      检查sn-p

      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>

      希望对你有帮助

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2019-04-29
        • 1970-01-01
        • 1970-01-01
        • 2023-02-23
        • 2021-11-25
        • 2020-10-01
        • 2011-08-10
        • 2016-11-20
        相关资源
        最近更新 更多