質問: リストスタイルの画像の位置を調整しますか? list-style-imageの位置を調整する方法はありますか?リスト項目にパディングを使用すると、画像はその位置にとどまり、パディングとともに移動しません...
回答: できるもう1つのオプションは次のとおりです。li:before{ content:''; padding: 0 0 0 25px; background:url(../includes/images/layouts/featured-list-arrow.png) no-repeat 0 3px; } (0 3px)を使用して、リスト画像を配置します。ie8 +、chrome、firefox、およびoperaで動作します。リストスタイルを簡単に交換できるため、このオプションを使用します。画像をまったく使用する必要がない場合もあります。 (下のフィドル) http://jsfiddle.net/flashminddesign/cyazv/1/ update:これにより、2行目に入力されるテキスト/コンテンツが考慮されます。ul{ list-style-type:none; } li{ position:relative; } ul li:before{ content:'>'; padding:0 10px 0 0; position:absolute; top:0; left:-10px; } 箇条書きとコンテンツの間にさらにスペースが必要な場合は、liにpadding-left:を追加します。 http://jsfiddle.net/mcleodwebdev/wfzwm0zy/