2012-01-03 12 views
1


私は2つのリストを並べる必要があります。 1つのリストでは、2つの間にスペースを入れたいです。li(空の場合はli)。例えば
私は気にいらないが、この
HTMLリスト(空白あり)

A B 
A B 
A  
A B 

のように、私はちょうど空のliを入れて、それが動作します。
しかし、私はCSSで私がlist-style-type: none;を追加するように、弾丸を削除したいが、これはスペースを削除し、私はこのような何かを得る:

A B 
A B 
A B 
A 

私はどうすればよいですか?

+4

あなたは側面リストによって2辺を持つようにしたい、それが内の特定のアイテムを1つのリストのラインアップで、その特定の項目を重要他の?あなたは表形式のデータを持っていませんか? – Quentin

+3

実際のHTMLとCSSはどうですか?たぶん[jsFiddle](http://jsfiddle.net)でも? –

答えて

1
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'); 
1

liのスタイルにmin-height:1emを追加します。

編集:待機、1emは、行の高さが100%の場合のみ機能します。 minの高さが計算された線の高さと同じであることを確認します(たとえば、線の高さを100%に設定するなど)。空のスペーサーを使用して