我不希望不使用font-size属性的框之间有任何空格

Question

我一直试图连续显示3个框，中间没有任何空格。

我想在不使用font-size属性的情况下实现这一目标。

<button class="drum">a</button>
<button class="drum">s</button>
<button class="drum">d</button>
<button class="drum">f</button>
<button class="drum">g</button>
<br>||: a,d,d,s,f,g,a :||

    html,body {
     height:100%;
     width:100%;
     margin:0;
     }
    #b {
    height:25%;
    width:25%;
    background:lightblue;
    display:inline-block;
    }

Answer 1

尝试一下，它可以正常工作

 html,body {
         height:100%;
         width:100%;
         margin:0;
         }
        #b {
        margin-left:-4px;
        height:25%;
        width:25%;
        background:lightblue;
        display:inline-block;
        }

 <div id=b></div>
     <div id=b></div>
     <div id=b></div>