同じCSSを使用して、両方の正方形のcenter.contentを垂直方向に整列させるにはどうすればよいですか。
ありがとう
同じCSSを使用して、両方の正方形のcenter.contentを垂直方向に整列させるにはどうすればよいですか。
ありがとう
これが解決策です-> http://jsfiddle.net/Sha6m/12/。
display: table-cell;
内側の .contentに追加し、垂直方向の配置を中央 ( ) に設定し、親の.areaとvertical-align: middle;
同じにする必要があります (100% の幅と高さは残念ながらここでは機能しません。高さと幅、.content div に対しても行う必要があります)。height
width
.area
display table-cell
間違った要素に適用しています。それらをコンテナにラップし、そのコンテナに適用display: table cell
する必要があります。私の例を確認してください - > http://jsfiddle.net/Sha6m/10/
固定の高さを取得したら、a を追加しline-height: 100px;
て削除しますvertical-align
。display
style='vertical-align:middle'
..