2015-02-07 52 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>