コンテンツを垂直方向に配置するためのテーブルメソッドを実行していました。どういうわけか、リンクしようとしている状態では機能しません。cssdeck リンクは次のとおりです。
http://cssdeck.com/labs/ebke0fpw
ご覧のとおり、構造の高さは埋め込まれた Google フォントに完全に依存しています。.metaaを作ってみたり、 aを中心tableに作ってみたり。でも; その後、は機能しなくなりました。.metacontable-cellheight: 100%
何が状況を壊しているのかわかりません。多分あなたは考えを持っています。
新しいコードは次のようになりますhttp://cssdeck.com/labs/lxymkq7t
display:table-cellインナーエレメントとdisplay:tableホルダーに使用します。そして使用しvertical-align: middleます; 中央揃えにします。
ソリューション：
を与えると.title、height大丈夫です。
たとえば、次の行をスタイリングに追加するだけです.title
height: 150px;
説明
.metaあなたはのを持っていると言ってheightいます100%。
パーセンテージ ベースの寸法は、要素の親の寸法に基づいています。
.metaの親は.title、身長が宣言されていない です。