html - 为什么表格中有填充？

Question

我正在制作一张 table ，虽然我没有添加任何填充，但表 1 中的某些内容(参见 fiddle )似乎有一个小填充顶部。我该如何解决？

http://jsfiddle.net/6a1usq1s/

 <table id="table1">
<tr>
    <th>
        <div class="body-table">VersF)</div>
    </th>
    <th>
        <div class="h2-table">Drse</div>
        <div class="body-table subheading">son</div>
    </th>
    <th>
        <div class="h2-table">sne</div>
        <div class="body-table subheading">Sstz</div>
    </th>
    <th>
        <div class="h2-table">Br</div>
        <div class="body-table subheading">s</div>
    </th>
    <th>
        <div class="h2-table">a</div>
        <div class="body-table subheading">an</div>
    </th>
    <th>
        <div class="h2-table">a</div>
        <div class="body-table subheading">a</div>
    </th>
</tr>

Answer 1

vertical-align:top;

是解决方案:)