项目符号列表与子弹冲洗左和悬挂缩进

时间:2015-02-07 17:01:34

标签: html markdown indentation

我正在寻找一种正确的方法来编码项目符号列表,在html或markdown中,子弹冲洗左,子弹后面的标签空间和直接在项目符号行下面的悬挂缩进。我曾尝试将它与空格和各种列表一起黑客攻击,但没有什么看起来不错。有什么建议吗?

我试图让它看起来像这样:

这是我的清单

∙第一行
    第二行

2 个答案:

答案 0 :(得分:1)

这需要一个由两部分组成的解决方案:

  1. 使用Markdown语义表示多行列表项。

    取决于"第二行"应该是一个新段落或只是一个新行,您可以使用

    执行此操作
    * Line one
    
    ␣␣␣␣New paragraph
    

    * Line one␣␣
    New line
    

    其中代表空格。

  2. 按照您希望的方式设置此列表的样式。子弹前后的间距纯粹是美观的,无法在Markdown中表示。

    CSS样式应该这样做:

    
    
    ul {
      /* Make bullet left-flush, value chosen by experimentation */
      padding-left: 10px;
    }
    
    ul li {
      /* Add padding to list item, which amounts to space between the
         bullet and the text */
      padding-left: 1.5em;
    }
    
    <!-- Generated by Markdown -->
    <ul>
      <li>Line one<br>
        New line</li>
    </ul>
    &#13;
    &#13;
    &#13;

答案 1 :(得分:0)

&#13;
&#13;
ul {
  /* Make bullet left-flush, value chosen by experimentation */
  padding-left: 10px;
}

ul li {
  /* Add padding to list item, which amounts to space between the
     bullet and the text */
  padding-left: 1.5em;
}
&#13;
<!-- Generated by Markdown -->
<ul>
  <li>Line one<br>
    New line</li>
</ul>
&#13;
&#13;
&#13;