divのテキストの上と下の空白を削除して、テキストが赤いボックス内にきれいに収まるようにするにはどうすればよいですか?div内の上のテキストから空白を削除する方法
div {
border: 2px solid red;
padding-top: 0px;
margin-top: 0px;
}
<div>LEX</div>
divのテキストの上と下の空白を削除して、テキストが赤いボックス内にきれいに収まるようにするにはどうすればよいですか?div内の上のテキストから空白を削除する方法
div {
border: 2px solid red;
padding-top: 0px;
margin-top: 0px;
}
<div>LEX</div>
そうのような行の高さとEMをいじる試してみてください:
line-height: 1em;
この方法で、あなたのフォントサイズが何であれ、行の高さが自動的に調整されます。 1emが多すぎるかもしれません..おそらく.667emはより良いフィット感ですか?
本当に達成しようとしているものが得られません。テキストの上と下の空白は、行の高さに応じてデフォルトの空白のようです:https://codepen.io/STWebtastic/pen/NXKvMm行の高さで遊んでいると、それは削除されます。平均? – MrBuggy
ありがとうMrBuggy。私はあなたのポイントを得るが、私は可変のテキストサイズが必要と私はフォントの高さを使用して設定する:例えば24pt。試行錯誤だけで相対線高さを指定する方法がわかりません。 – user740360
font-size変数は画面のサイズなどによって異なりますか? – MrBuggy