2015-02-07 49 views
0

我正在寻找正确的方式来编写项目符号中的项目符号和悬停缩进直接下面的项目符号清空左侧,在html或降价,项目符号清单,子弹线。我试着用空格和各种列表一起黑客攻击,但没有看起来很好。有什么建议么?项目符号列表中的子弹清理左侧和挂起的缩进

我想使它看起来像这样:

这是我的名单

∙一号线
  两线

+1

你是什么意思是“后的一个标签空间做子弹”? – Chris 2015-02-07 22:22:32

+1

你可以发布你试过的代码,并解释什么不适合它吗? – 2015-02-08 13:01:03

回答

1

这将是r equire由两部分组成的解决方案:

  1. 使用降价到语义代表多行列表项。

    根据“两线”是否应该是一个新的段落或只是一个新的生产线,你可以做到这一点

    * 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>

+0

谢谢你,克里斯!你的两部分方法比我使用空间要好得多,并且它在所有设备上完美流动。 – mariemf 2015-02-09 00:10:03

0

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>