带有空格的HTML列表
问题描述:
我必须并排列出两个列表。在一个列表中,我想在两个li
(空的li
)之间留有一定的空间。
例如,我想这样的
带有空格的HTML列表
A B
A B
A
A B
财产以后我只是把一个空li
和它的作品。
但我想这样的CSS我添加list-style-type: none;
但这删除空格删除子弹,我得到的是这样的:
A B
A B
A B
A
我该怎么办?
答
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');
答
将min-height:1em
添加到li的样式中。
编辑:等待,1em只适用于行高为100%。确保最小高度与计算的线高相同(例如,将线高设置为100%)。
你想有两个并排的列表,它重要的一个肮脏的方法是,在一个列表行特定项目了在特定项目其他?你确定你没有表格数据吗? – Quentin 2012-01-03 14:52:55
如何处理一些实际的HTML和CSS?也许甚至可能是[jsFiddle](http://jsfiddle.net)? – 2012-01-03 14:53:04