0

デザインを微調整したいと思います。htmlのコードは次のとおりです。

<div class="addbox">
<h4><span>Pick your best work from <b class="highlight-text">Flickr</b> to display in your portfolio</span></h4>
<div class="addmenu-item"><span class="addmenu-image"><img class="addmenuimage" src="http://farm8.staticflickr.com/7122/7424355198_72620895bd_m.jpg"></span><span class="addmenu-info">Orchid Profiles</span></div>
<div class="addmenu-item"><span class="addmenu-image"><img class="addmenuimage" src="http://farm8.staticflickr.com/7122/7424355198_72620895bd_m.jpg"></span><span class="addmenu-info">Orchid Profiles</span></div>
</div>​

ここに画像の説明を入力してください

使用padding-leftして.addmenu-itemいますが、画像のように完璧ではありません。問題はbackground色にあります。他の方法を試しましたが、役に立ちませんでした。

これがjsfiddlehttp : //jsfiddle.net/Dkh4q/34/です。

ありがとう！

更新 申し訳ありませんが、問題は画像アイテムの間隔が完全ではないことです。試してみるのを忘れましたmargin-left。

4

2 に答える 2

3

プロパティをpadding-left: 20px;設定する代わりに。margin-left: 20px;

それらの違いを知っておく必要があります。

ここに画像の説明を入力してください

要素を分離する場合は、プロパティでmarginはなくプロパティを使用してくださいpadding。

パディングは、境界線と実際のビューのコンテンツの間の境界線の内側のスペースです。

マージンは、境界線の外側、境界線とこのビューの隣にある他の要素の間のスペースです。

パディングとマージンの違いに関する詳細情報。

于 2012-06-24T17:41:06.710 に答える
0

jsfiddleを開きましたが、正確に何が問題なのかわかりません。margin-leftを使用してみてください。

編集：hawaii.five-0はこれで私を打ち負かしました。

于 2012-06-24T17:45:35.810 に答える