CSSのみで横並びグローバルナビを作成する際、ul > li > a という要素の構成で、ulにtable、liにtable-cell、aにblockを設定するとなると、aのテキストにvertical-align:middleは当たり前ですが効きません。 皆さんは横並びグローバルナビでリンクのテキストを上下中央寄せにしたい場合にどのようにコーディングされますでしょうか? a内のテキストが、1行でも2行でも上下中央寄せにしたいです。
みんなの回答 3 件
ID:JFmLcg さんの回答
Aの中にtableとか。
ID:g2auA2
ul > li > a(table) > span(table-cell) でやってみたところ近いようにはなったのですが、tableは高さを親のセルにフィットしてくれいようです・・・
みんなの回答 3 件
Aの中にtableとか。
IE8無視で良ければこんなんどう?
Codepen
http://codepen.io/anon/pen/yyKBEZulの外にdiv追加していいなら
【IE8以上】CSSだけで高さを合わせる - js do it
http://jsrun.it/Ituki/1Tbz関連するトピックス