ホームページ >ウェブフロントエンド >htmlチュートリアル >ラベルボタンの垂直方向の中央にテキストを配置するにはどうすればよいですか? _html/css_WEB-ITnose
ラベルボタンの垂直方向の中央にテキストを配置するにはどうすればよいですか? _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:54:101871ブラウズ
padding-top は、padding-top がない場合、下にポイントがあるためです。インターセプトとなるボタンアイコン。
しかし、なぜ a タグにはpadding-topがあるのに、その中のテキストは変更されないのでしょうか?
写真に示すように、ボタン内のテキストを垂直方向の中央に配置するにはどうすればよいですか?
画像アドレス: http://ccnna.img42.wal8.com/img42/501254_20141114101150/141593117443.jpg
ディスカッションへの返信 (解決策)
行の高さを使用し、パディングは使用しないでください。トップ
line-height が使用されている場合、その場合、テキストは問題ありませんが、図に示すように、アイコンの一部が切り取られています
padding-top の代わりに line-height を使用してください
line-height を使用する場合、テキストは問題ありませんが、図に示すように、アイコンの一部が切り詰められています
テキストを垂直方向の中央に配置するために、line-height と組み合わせた高さを設定します
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。