html - Div 内の画像がすべて片側に移動しますか?

Question

テキスト リンクと画像を含むトップ バーがあります。すべての画像が片側にずれていますか?

画像はそれぞれのテキスト リンクの横に配置する必要があります。

ここにウェブサイトがあります： http://www.heatx.org/productcart/pc/viewCategories.asp?idCategory=2

Answer 1

それで、あなたが投稿した Chrom DEV tools の URL を見ていたら、そこにエントリが見つかりました。pcHeaderFooter11.css

#pcIconBar a {
 text-decoration: none;
 color: #666;
}

それを次のように変更しました:

#pcIconBar a {
 text-decoration: none;
 color: #666;
 display: inline-block;
}

そして出来上がり！

また、要素はタグのように動作し、最終的には別のスペースに配置されるdisplay: block傾向があることを覚えておいてください。divこのような配置が必要な場合は、要素をinline. お役に立てれば！

Answer 2

そこに「pcIconBarRight」と呼ばれるdivがあり、左にあると思います。しかし、個人的には、ボタン/アイコンのペアごとに 1 つの div を作成します。

それ以外の場合は、css でメイン div を「相対」にして、それに基づいて子オブジェクトを移動できます。(親 div に相対的 (この場合は pcIconBarRight)