为什么将文本放在元素中会将元素向下推?

时间:2015-03-12 14:50:38

标签: html css

最小的例子,只有2个div:

<!DOCTYPE html>
<html>
  <head>
    <style>
      div {
        display:inline-block;
        width:50px;
        height:50px;
        background-color:yellow;
      }
    </style>
  </head>
  <body>

    <div>whoa</div>
    <div></div>

  </body>
</html>

Plunker here

enter image description here

第一个div上方的空白区域是什么?为什么?如何将它们对齐到页面顶部,无论它们中是否有文本?

0 个答案:

没有答案