Q&A
ありがとうございます。いろいろな方法で試してみます。感謝
背景の上にリンク文字を書いているのですが背景の高さを文字に合わせるにはどうしらいいのでしょうか。文字が背景の上部に表示されているのを真ん中にしたいです。
html
.scc
.menu_botan{
background-color:green;
width:150px;
height:40px;
text-align:center;
border-radius:10px;
}
.menu_botan a{
text-decoration:none;
}
回答2件
0
ベストアンサー
中央寄せする方法はいろいろあります。
場合によって適切な方法を選べるようにそれぞれを理解しておくといいでしょう。
例えば、
CSSで要素を上下や左右から中央寄せする7つの方法 | 株式会社グランフェアズ
とか
CSSで中央寄せの方法いろいろメモ - Qiita
親要素のheightと子要素のline-heightを同じにするいう方法もありますが、テキストがおり返して2行になった場合、親要素からはみ出ます。
とりあえず現状、最強なのは、Flexboxを使う方法です。
css
1.menu_botan{ 2 background-color:green; 3 width:150px; 4 height:40px; 5 text-align:center; 6 border-radius:10px; 7 display: flex; /**/ 8 align-items: center; /* 上下中央寄せ */ 9} 10.menu_botan a{ 11 text-decoration:none; 12}
まずはFlexboxを試してみて、それでうまくいかない場合は、他の方法をトライしてみるといいでしょう。
投稿2021/01/22 17:32
総合スコア34073
0
heightとline-heightを使うことで調節できます
投稿2021/01/22 16:59
総合スコア282
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/01/22 20:47