CSSでボタンにテキストを配置する時、上下のスペースを簡単に揃えられる実装テクニック

ボタンにテキストを配置する時、上下のスペースを揃えるのに困ったことはありませんか？ ボタンのHTMLはそのままで、疑似要素を追加するだけで簡単に揃えられるので、そのCSSのテクニックを紹介します。 Aligning a Button Label Vertically by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ボタンにテキストを配置する時、上下のスペースを揃える 終わりに はじめに デベロッパーのあなたは実装するために、デザインのモックアップを渡されたとします。そのモックアップではかっこよくフォントが使用されており、デザインの中で完璧に見えました。 しかし、CSSで実装してみると、フォントの周りに予期せぬスペースが追加されていることに気がつきました。これは何だと思いますか？ そもそ

[coliss]

Facebookに使用されてる、ボタンにテキストを配置する時に上下のスペースを簡単に揃えられる実装テクニック。

[Shinwiki]

ボタンのプロパティと文字列オブジェクトのプロパティ取って計算して配置できるだけでいいんですけどねぇ…ほんとイヤ

[nicht-sein]

ある意味黒魔術だなーｗ根本的にはフォントの高さが直感的じゃないってことなんだけど、どーしょもないなー

[masakuma0812]

［余白］［統一］［小技］［コード］