2

CSSを使用して、コンテナ<li>ブロック内の一部の画像を垂直方向に中央揃えにする必要がありますが、その方法がわかりません。javascriptを使用して画像の高さを計算し、次にマージンを使用して画像を垂直方向に中央に配置するための計算を行うことができますが、それは不格好で愚かなようです。

固定マージン(画像の高さは可変)を使用せずに垂直方向の配置を実現するための優れたCSSベースのソリューションはありますか?

コンテナのli要素の上部に貼り付けられている画像: コンテナのli要素の上部に貼り付けられている画像

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

4

5 に答える 5

3

このcssプロパティを使用できます。

display: table-cell; vertical-align: middle;

このデモのように:jsfiddle.net/ongisnade/P94YE/

于 2012-10-04T02:02:25.813 に答える
0

これで問題が解決する可能性があります。

vertical-align: middle;
于 2012-10-04T01:50:43.957 に答える
0

Fredy の答えは最新のブラウザーでは正しいですが、8 より前の IE では機能しません。その他の手法: http://phrogz.net/css/vertical-align/index.html

于 2012-10-04T02:06:53.630 に答える
0

これは私がいつも使っているものです..
vertical-align: middle;

于 2012-10-04T01:54:10.663 に答える
0

お役に立てれば!http://css-tricks.com/snippets/css/center-div-with-dynamic-height/

于 2012-10-04T02:16:27.197 に答える