-2

重複の可能性:
ベストプラクティスは、divの中央のコンテンツを垂直方向に揃えます

同じCSSを使用して、両方の正方形のcenter.contentを垂直方向に整列させるにはどうすればよいですか。

ありがとう

4

4 に答える 4

1

これが解決策です-> http://jsfiddle.net/Sha6m/12/

display: table-cell;内側の .contentに追加し、垂直方向の配置を中央 ( ) に設定、親の.areaとvertical-align: middle;同じにする必要があります (100% の幅と高さは残念ながらここでは機能しません。高さと幅、.content div に対しても行う必要があります)。heightwidth.area

于 2012-06-10T15:17:45.077 に答える
0

display table-cell間違った要素に適用しています。それらをコンテナにラップし、そのコンテナに適用display: table cellする必要があります。私の例を確認してください - > http://jsfiddle.net/Sha6m/10/

于 2012-06-10T14:58:35.187 に答える
0

固定の高さを取得したら、a を追加しline-height: 100px;て削除しますvertical-aligndisplay

jsfiddle の変更

于 2012-06-10T15:49:48.427 に答える
0

style='vertical-align:middle'..

于 2012-06-10T14:36:06.870 に答える