css - 垂直リズムのパディング

Question

垂直リズムのパディングサイズを選択するための非常に基本的な質問があります。

それを言いましょう：

.body{
    font-size: 14px;
    line-height: 18px;
}

そして、コンテンツを含む div があります (div には境界線があります)。

<div class="content">
     ... a very large text content here ...
</div>

次のうち、垂直方向の整列に適切に選択されるものはどれですか。これは次のとおりです。

.content{ padding: 18px; .... }

または、違い (18-14)/2 = 2px を考慮する必要があります。

.content{ padding: 16px 18px 16px 18px;  .... }

または、両方の答えが間違っている場合は、この問題へのアプローチ方法を説明してください。

score 0 · Accepted Answer

コンテナーの上部と下部に同じパディングを設定する必要があります。例：

.content {
padding: 10px 0;
line-height: 14px;
}
<div class="content">
 ...some text here...
</div>

また、divの高さを設定してから、同じ行の高さを設定することもできます

1 に答える 1