ホームページ > 記事 > ウェブフロントエンド > li の画像とテキストが div+css、solution_html/css_WEB-ITnose と一致していません。
li の画像とテキストが div+css、solution_html/css_WEB-ITnose と一致していません。
- WBOYオリジナル
- 2016-06-24 12:28:171453ブラウズ
c9ccee2e6ea535a969eb3f532ad9fe89 マージン: 2px 3px 3px 8px; 背景: url(/images/sider_siteinfo.gif) no-repeat 0 50%; -position: inside; } 531ac245ce3e4fe3d50054a55f265927 ff6d136ddc5fdfeffaf53ff6ee95f185 詳しいことは教えてくださいbed06894275b65c1ab86501b08a632eb 場所がよくわかりません。私にアドバイスをお願いしますbed06894275b65c1ab86501b08a632eb
LI の画像とコンテンツ間の間隔を制御します
1. 間隔を広げるために追加します
2. LI の画像とコンテンツ間の間隔を制御するには、padding-left を追加します。
c9ccee2e6ea535a969eb3f532ad9fe89マージン: 2px 3px 3px 8px; 背景: url(/images/sider_siteinfo.gif) リストスタイルタイプ: なし;
<style>li{ margin: 2px 3px 3px 8px; padding: 5px; background: url(/images/sider_siteinfo.gif) no-repeat 0 50%; list-style-type: none; list-style-position: inside;}</style><div><ul> <li> 小弟,出道,人生地不熟,请各位指教</li> <li> 小弟,出道,人生地不熟,请各位指教</li> <li> 小弟,出道,人生地不熟,请各位指教</li> <li> 小弟,出道,人生地不熟,请各位指教</li> <li> 小弟,出道,人生地不熟,请各位指教</li></ul></div> そうでない場合は、背景色の画像の場合は、vertical-align:middle
ff6d136ddc5fdfeffaf53ff6ee95f185 8539ae73732a79afb0cfbd4b2de9a78d前の画像は I alignbed06894275b65c1ab86501b08a632eb と一致している必要があります 25edfb22a4f469ecb59f1190150159c6 5d1e4b314c5d08905e8668261c679848前の画像は me と一致している必要があります548cefb384a95312edb7e8fb1f4ecc29 25edfb22a4f469ecb59f1190150159c6 5d1e4b314c5d08905e8668261c679848前の画像は私に合わせてください25edfb22a4f469ecb59f1190150159c6 'vertical-align:middle' src ='icon01.gif' />前の画像は mebed06894275b65c1ab86501b08a632eb df7a6e3c22cac070279f27f8e7f450e4前の写真私と一致するためにbed06894275b65c1ab86501b08a632eb929d1f5ca49e04fdcb27f9465b944689