带有空格的HTML列表

我必须并排列出两个列表。在一个列表中，我想在两个li（空的li）之间留有一定的空间。
例如，我想这样的
带有空格的HTML列表

A B 
A B 
A  
A B

财产以后我只是把一个空li和它的作品。
但我想这样的CSS我添加list-style-type: none;但这删除空格删除子弹，我得到的是这样的：

A B 
A B 
A B 
A

我该怎么办？

来源

2012-01-03 Snote

你想有两个并排的列表，它重要的一个肮脏的方法是，在一个列表行特定项目了在特定项目其他？你确定你没有表格数据吗？ – Quentin 2012-01-03 14:52:55

如何处理一些实际的HTML和CSS？也许甚至可能是[jsFiddle]（http://jsfiddle.net）？ – 2012-01-03 14:53:04

li 
{ 
    list-style-type: none; // Removes bullet 
    min-height: 12px; // Font size you're using 
    padding: 1px; // Add extra padding or margin if needed 
}

或使用空间隔（不推荐）

list-style-image:url('spacer.gif');

来源

2012-01-03 15:04:39 mat

将min-height:1em添加到li的样式中。

编辑：等待，1em只适用于行高为100％。确保最小高度与计算的线高相同（例如，将线高设置为100％）。

来源

2012-01-03 14:58:45

带有空格的HTML列表

回答

相关问题