JSFiddle を作成しました: http://jsfiddle.net/Q8uWv/
の真ん中に画像を縦に並べようとしていdivます。使用しvertical-align: middleてもうまくいきません。それに加えて、試してみましmargin-top:auto; margin-bottom:autoたが、まだ運がありません。この画像を垂直方向に中央揃えするにはどうすればよいですか?
JSFiddle を作成しました: http://jsfiddle.net/Q8uWv/
の真ん中に画像を縦に並べようとしていdivます。使用しvertical-align: middleてもうまくいきません。それに加えて、試してみましmargin-top:auto; margin-bottom:autoたが、まだ運がありません。この画像を垂直方向に中央揃えするにはどうすればよいですか?
行の高さを追加:200px; あなたの例のdivに。
使用するには、コンテナvertical-align:middle;に追加する必要があります:display:table-cell;<div>
これは垂直方向のセンタリングに関する最高の記事だと思います http://blog.themeforest.net/tutorials/vertical-centering-with-css/