[CS]line-heightの書き込み

1456 ワード
html CSS テキストリンク

📌 n/a.結論


:textが1行減少した場合のみ!親heightと同じ値を設定すると、テキストが中央に揃えられます.

📌 line-height ?


line-heightは?
:行の高さ(間隔)を決定するプロパティ

📌 テキストの中央揃え


また、テキストが1行の場合、親heightsの値と同じ値を設定して、テキストを中央に揃えます.
(*1行以上の場合は、実際の行間隔が広くなります)
.topbtn {
width: 50px;
height: 50px;
background-color: #333;
color: white;
text-align: center;
line-height: 50px; /* 한 줄일 때만! 부모 height와 같은 값을 설정하면 가운데로 옴 */
border-radius: 50%;
}

📚 Reference


:公費支援課
Design Principles
script変数