が、私はこれやった

Question

を働いていない。

#parent { 
display:table-cell; 
vertical-align:middle; 
} 

とこの本

img { 
vertical-align: middle; 
} 

#parent { 
height:200px; 
line-height: 200px; 
} 

は、親のdivのCSSです

#parent{ 
display: table-cell; 
vertical-align: middle; 
position:relative; 
float:left; 
margin: 5px 5px 5px 5px; 
width:200px; 
height:200px; 
background-color:#e0ffff; 
border-style:solid;border-width:5px; 
} 

画像のサイズがわからない。私は彼らが200X200より大きくないことを知っているだけです。親のdivコンテナにはスタイリングがありません。私が知らない間違っていることがありますか？私はこの質問が多く尋ねられていることを理解しています。

Answer 1

はあなたが#parentの親コンテナを持っていますかfloat

DIVからチェックを削除する必要があることできますか？それは、次のCSS必要がある場合：

#parentOf #parent{ display: table; } 

ない場合に、画像というコンテンツの周りに別のdivを入れてみてください：内部のdivは、あなたのイメージを含んでいる場合

#content{ 
    postition: absolute; 
    top: 50%; 
} 

Answer 2

は、あなたがこのhttp://jsfiddle.net/k9kVZ/

Answer 3

はこれを試してみてください。

マークアップ：

<div class="outer"> 
    <div class="inner"> 
    <img src="url" /> 
    </div> 
</div> 

CSS：

.outer{position:relative;} 
.inner{ 
position:absolute;top:50%; 
} 

JS：

$(document).ready(function(){ 
var inner = $('.inner'), 
    ht = inner.height(); 

inner.css({'margin':-ht/2+'px 0 0 0'}); 
});