迷い人

日々勉強。勉強の先に何か見つかるといいなぁ

2019-12-06から1日間の記事一覧

【回答】inline-boxの隙間について

問題 inline-boxを指定して要素を横並びにしたときに発生する隙間をうめる方法を説明して下さい。 回答 親要素のfont-sizeをゼロにして、子要素で元に戻すだけ。かんたん! html<ul> <li class='inline-box-test'>要素1</li> <li class='inline-box-test'>要素2</li> <li class='inline-box-test'>要素3</li> </ul> <ul class="inline-box-test2"> //親要素でfont-sizeをゼロにする <li class='inline-box-test3'>要…</li></ul>

【問題】inline-boxの隙間について

問題 inline-boxを指定して要素を横並びにしたときに発生する隙間をうめる方法を説明して下さい。 隙間のある要素のイメージ図 コード html<ul> <li class='inline-box-test'>要素1</li> <li class='inline-box-test'>要素2</li> <li class='inline-box-test'>要素3</li> </ul> css.inline-box-test { display: inline-block; font-size: 24px; border-bottom:1px solid red…