web関連

【css】テキスト1行分の高さを求める方法

pタグが連続する時はテキスト1行分空白を空けたいなぁって1emを指定したら「1行分?」って高さしか出ず調べた時の備忘録

テキスト1行分の求め方はline-heightに依存する

pタグにline-height:1.8;と指定をしていた場合は1.8emで1行分

p{
	line-height:1.8;
}
// ↓ テキスト1行分空けたい
p+p{
	margin-top: 1.8em;
}

これでテキスト1行分空けることができる

Leave a Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。