coding-style - スタイリング アンカーのパディングと行の高さ

Question

css スタイリング要素で固定高さの代わりに padding-top/bottom を使用し、line-height で垂直センタリングする場合のルール/アドバイスはありますか?

（あらゆる観点から）より優れた/より普遍的なソリューションは何ですか?

これ

a {
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
}

またはこれ

a { 
    padding: 10px 15px;
}

ここでデモ。

あなたの経験をありがとう

Answer 1

テキストが1行のみに制限されている場合、どちらを使用しても大きな違いはないと思います（パディング、行の高さ）。しかし、テキストが複数の行にまたがる場合、line-height を使用しないように強制される場合があります。

Answer 2

あなたの問題についてよくわかりません

パディングと行の高さはまったく異なります

パディング

CSS パディング プロパティは、要素の境界線と要素のコンテンツの間のスペースを定義します。

行の高さ

line-height プロパティは、行の高さを指定します。