html
1<nav> 2 <div class="ctg"> 3 <div class="menu"><a href="#">メニュー1</a></div> 4 <div class="menu"><a href="#">メニュー2</a></div> 5 <div class="menu"><a href="#">メニュー3</a></div> 6 <div class="menu"><a href="#">メニュー4</a></div> 7 <div class="menu"><a href="#">メニュー5</a></div> 8 </div> 9</nav>
css
1nav{ 2 width:100%; 3 background-color:black; 4} 5.ctg{ 6 white-space:nowrap; 7 overflow-x:auto; 8 overflow-y:hidden; 9 text-align:center; 10 height:36px; 11} 12.menu{ 13 display:inline-block; 14} 15.menu a{ 16 text-decoration:none; 17 color:white; 18 overflow:hidden; 19 line-height:36px; 20 font-size:13px; 21 display:block; 22 padding:0px 12px; 23}
htmlとcssを上記のようにしています。
これではリンク同士の間に小さな隙間(リンクではない)ができてしまいます。
リンク同士を詰めるにはどのようにすべきなのでしょうか?
教えていただきたいです。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/03/08 10:24