在Markdown(wiki)中缩进子标题(H1> H2> H3)块?

时间:2016-02-12 13:50:17

标签: css markdown wiki

我正在寻找一种在gitit wiki中缩进子标题和文本块的方法

一个例子: gitit example

我不喜欢H2(和它的文本块)缩进与H1相同 我希望H2显然是一个子块。

目前我没有找到解决方案 - 但也许你知道一些'好的黑客':)

1 个答案:

答案 0 :(得分:1)

Markdown和HTML都没有提供这种开箱即用的功能。当然,您可以随时定义一些CSS来根据需要设置HTML的样式。问题是让Markdown输出正确的HTML。例如,您似乎希望较低级别标题后面的段落与标题一起缩进。如何区分CSS中较高级别标题的段落?简单的方法是将整个标题和子段包装在<section>(或<div>)中,然后创建CSS规则以缩进整个部分。不幸的是,Markdown不会输出这样的部分,虽然您可以在Markdown中包含原始HTML,但通常Markdown文本不会在原始HTML块中解析。如果您碰巧使用Markdown解析器,它支持HTML中的Markdown(您没有说),那么这样的事情应该有效:

<section class="level-1">
# Title H1
some text in p1 paragraph (under H1)
</section>

<section class="level-2">
## Title H2
some text in p2 paragraph (under H2)
</section>

添加一点CSS,你应该好好去。也许:

.level-2 {
    padding-left: 5em;
}

但是,可以在任何Markdown实现中使用的解决方案是将标题和段落嵌套到列表中,因为列表通常会为您提供开箱即用的缩进:

*   # Title H1

    some text in p1 paragraph (under H1)

    *   ## Title H2

        some text in p2 paragraph (under H2)

将呈现为:

  
      
  • 标题H1

         

    p1段中的一些文字(在H1下)

         
        
    • 标题H2

           

      p2段中的一些文字(在H2下)

    •   
  •   

当然,你可以得到你可能想要或不想要的子弹。如果你不想有任何子弹,你将需要一些CSS来隐藏它们。也许:

ul {
    list-style: none;
}

当然,这将从文档中的所有列表中全局删除子弹,这可能是您不想要的。