インラインブロックとリストスタイルイメージでCSSが発生する

Question

display: inline-blockをリスト要素に適用すると、リストスタイルイメージが表示されなくなることはありますか？

Answer 1

リスト項目の最も重要なスタイルプロパティは、displayの既定値がlist-itemであることです。この設定は、要素がそれぞれlist-styleで表示される理由です。 displayからinline-blockに設定すると、それをリストアイテムにする唯一のものが削除されます。

Answer 2

あなたはインラインブロックを使用するには、リストの要素をしたいが、まだ弾丸を示した場合は、使用することができます::疑似要素とcontentプロパティの前に：

li { 
display: inline-block; 
} 
li::before { 
content: '\25cf\a0'; 
} 

（\ 25cfはUnicodeが満たされた円記号\ a0は改行なしのスペースです）。

Answer 3

float：left;最小幅と最小高さを追加する

.footer ul li{ 
    float: left; 
    list-style-image: url(../images/arrow.png); 
    margin: 0px 0px 10px 0px; 
    box-sizing: border-box; 
    min-height: 38px; 
    min-width: 300px; 
}