table

1. 使表格之间分离
   border-collapse:separate;
   border-spacing:0.5rem 0.5rem;
2. table的td不显示省略号
   给table设置固定表格布局
   参考链接

table{
	table-layout: fixed;
	width：100%；
}

3. 表格竖向排列
   

<table>
    <tr>
        <th>Squan No.</th>
        <td>11号</td>
    </tr>
    <tr>
        <th>出生日期</th>
        <td>1992-03-05</td>
    </tr>
    <tr>
        <th>高度</th>
        <td>182cm</td>
    </tr>
    <tr>
        <th>体重</th>
        <td>75kg</td>
    </tr>
</table>

4. 表格横向排列
   

<table class="comp-table">
   <thead>
   <tr>
       <th scope="col">日期</th>
       <th scope="col">轮次</th>
       <th scope="col">比赛队</th>
       <th scope="col">比赛时间</th>
       <th scope="col">比赛地点</th>
       <th scope="col">比分</th>
   </tr>
   </thead>
   <tbody>
   <tr onclick="window.open('http://www.baidu.com');">
       <td>10月21日 星期天</td>
       <td>1</td>
       <td>南京同曦-青岛国信双星</td>
       <td>19:35</td>
       <td>南京江宁体育中心体育馆</td>
       <td>91：118</td>
   </tr>
   <tr onclick="window.open('http://www.baidu.com');">
       <td>10月21日 星期天</td>
       <td>1</td>
       <td>南京同曦-青岛国信双星</td>
       <td>19:35</td>
       <td>南京江宁体育中心体育馆</td>
       <td>91：118</td>
   </tr>
   </tbody>
</table>     

5. 一个未解决的bug
   给每个td设置圆角，然后想给整行设置背景色td圆角外面并没有背景色
   感觉可以给里面插入一个元素设置圆角应该就没问题了
6. 在border-collapse不是separate的情况下，td和table之间是没有缝隙的
   所以table 可以设置margin，不能设置padding
   td、th可以设置padding，不能设置margin