divの途中で画像を表示する方法CSSを使用したい場合

divの中に画像があるdivがあります。私は通常、彼らが左に整列することを置く場合、それらを中心整列手段で示す必要があります。divの途中で画像を表示する方法CSSを使用したい場合

画像が小さくても大きくてもかまいません。私はすべての条件で真ん中にそれらを示す必要があります。

どのように私はcssを使用してこれを行うことができます。これを行うための任意のトリック

2010-12-31 Anonymous

イメージは背景イメージか 'img'タグですか –

イメージを水平と垂直の中央に配置しますか？ –

使用すると、この：それはすべてで動作するかどうか、私はわからないんだけど、あなたはすべてのブラウザでそれを試してみて、とにかく

<!DOCTYPE HTML> 
<html lang="en-EN"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Test</title> 
    <style type="text/css"> 
    #container { 
    background-color: yellow; 
    width: 500px; 
    height: 300px; 
    } 
    img { 
    margin-left:auto; 
    margin-right:auto; 
    display: block; 
    } 
    </style> 
</head> 
<body> 
    <div id="container"> 
    <img src="http://www.google.com/images/logos/ps_logo2.png" alt=" " /> 
    </div> 
</body> 
</html>

：ここ

img { 
    margin-left:auto; 
    margin-right:auto; 
    display: block; 
}

は、サンプルのページですそれら。

CSSでHTMLを整理することは、最も苦痛なことの1つです。

出典

2010-12-31 03:15:03 Christian

divにスタイルtext-align: centerを適用してみてください。

出典

2010-12-31 02:40:40 Kyle

私は画像の幅を定義していないので、私は中間にそれらが必要なので、それは働いていません。 –

私はあなたがhere

を示すようにあなたがdivコンテナにtext-align: centerを使用することができます水平方向の中心になるように画像を必要とするしかし、あなたは画像を水平方向と垂直方向の中心である必要があれば、行うのは簡単だろう与えられた通りhere背景スタイルのプロパティを使用

出典

2010-12-31 03:26:54

divの途中で画像を表示する方法CSSを使用したい場合

答えて

関連する問題