ホームページ  >  記事  >  ウェブフロントエンド  >  css は、li element_html/css_WEB-ITnose の真ん中に a 要素を配置します。

css は、li element_html/css_WEB-ITnose の真ん中に a 要素を配置します。

WBOY
WBOYオリジナル
2016-06-24 11:29:211503ブラウズ


図のように、a要素のテキストをli要素の枠の中央に配置します。
vertical-align: middle; を使用しましたが、少しだけ下に移動しました。幅と高さを設定しました。


ディスカッションへの返信 (解決策)

ラベルの line-height=li label の高さを設定します

line-height:: の行の高さを設定します

vertical- align : middle; これを明確に理解していません。最初の方法は、外側の層で table-cell 型に設定することです。float:left; は使用できません。
2 番目に、vertical-align 属性は前の属性に対して中央に配置されます。つまり、中央に配置したい場合は、ラベルの前に高さ 100% のラベルを書き込む必要があります。 -align を有効にすることができます。

すごいですね

{margin:0 auto;} または li{ text-align:center;} を使用できます

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。