div 中間的間距 無法合併

今天在IT邦看到有人在問DIV中間的間距要怎麼消除，一看到就滿滿的回憶，還是菜鳥的我以前看到這問題，就會想著用其他方式來解決，像是用table用flex阿，如果不考慮RWD還有可能會用float，不過這些雖然可以達到要求，但是使用起來不免要寫很多重寫HTML等等的

使用display:inline-block，以前有看過書上再交HTML跟CSS時，都會要你先去reset css，把HTML預設的css都重製，其中就包括了display

先看codeplay 範例
點我查看

用簡單的code模擬一夏

<style>
.div {
  display: inline-block;
}
.Table {
  font-size: 10px;
  border: solid windowtext 1px;
  padding: 10px;
}
</style>
<div class="div">
  <div class='Table'>voltage(V)</div>
  <div class='Table'>Tmin(°C)</div>
  <div class='Table'>Tmax(°C)</div>
  <div class='Table'>Tma(°C) </div>
</div>
<div class="div">
  <div class='Table'>100</div>
  <div class='Table'>200</div>
  <div class='Table'>300</div>
  <div class='Table'>400</div>
</div>

會發現中間設margin:0;一樣會有空隙，其實這問題很好解決，只需要加上

font-size: 0px;

就能解決此問題。