ARRIVALS TO BRISTOL - ENGLAND
FLIGHT CODE FROM STA ETA Notes
T3 4264 ISLE OF MAN 11:40 11:42 LANDED AT 11:43
BA 4081 PARIS-CDG 11:45 11:57 LANDED AT 11:58
BE 843 BELFAST CITY 11:45 11:40 LANDED AT 11:41
GR 642 GUERNSEY 11:55 11:38 LANDED AT 11:37
EZY 6192 PISA 12:05 12:18 LANDED AT 12:17
EZY 6052 MALAGA 12:15 11:55 LANDED AT 11:55
EZY 6074 ALICANTE 12:35 12:12 LANDED AT 12:14
EZY 6068 VALENCIA 12:40 12:49 LANDED AT 12:48
BA 4023 GLASGOW 12:50 12:41 LANDED AT 14:08
FR 506 DUBLIN 13:00 12:52 LANDED AT 12:51
T3 4264 ISLE OF MAN 11:40 11:42 LANDED AT 11:43
BA 4081 PARIS-CDG 11:45 11:57 LANDED AT 11:58
BE 843 BELFAST CITY 11:45 11:40 LANDED AT 11:41
GR 642 GUERNSEY 11:55 11:38 LANDED AT 11:37
EZY 6192 PISA 12:05 12:18 LANDED AT 12:17
EZY 6052 MALAGA 12:15 11:55 LANDED AT 11:55
EZY 6074 ALICANTE 12:35 12:12 LANDED AT 12:14
EZY 6068 VALENCIA 12:40 12:49 LANDED AT 12:48
BA 4023 GLASGOW 12:50 12:41 LANDED AT 14:08
FR 506 DUBLIN 13:00 12:52 LANDED AT 12:51 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style>
    .table-mod {
        position: relative;
        padding: 52px 0 2px;
        width: 640px;
        background: #eee;
        overflow: hidden;
        word-break: break-all;
        font-family: microsoft yahei;
        font-size: 12px
    }
    .table-hd {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        color: #000
    }
    .table-bd {
        overflow: auto;
        height: 300px;
    }
    .table-mod table {
        border-spacing: 2px;
        vertical-align: middle;
        table-layout: inherit
    }
    .table-mod .thead {
        position: absolute;
        top: 28px;
        left: 0;
        padding-right: 27px;
    }
    .table-mod .tbody {
        position: absolute;
        top: 52px;
        left: 0;
        padding-right: 10px;
        overflow-y: auto;
        height: 300px;
        *height: auto;
    }
    .table-mod tfoot td {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 20px;
        line-height: 20px;
        width: 640px;
        text-align: center;
        background: #f0c992;
        color: #000
    }
    .table-mod th,
    .table-mod td {
        width: 120px;
        height: 20px;
        text-align: left;
    }
    .table-mod th {
        background: #724a10;
        color: #fff;
    }
    .table-mod .bgc-white {
        background-color: #fff;
    }
    .table-mod .td2 {
        width: 180px;
    }
    </style>
</head>

<body>
    <div class="table-mod">
        <div class="table-hd">ARRIVALS TO BRISTOL - ENGLAND</div>
        <div class="table-bd">
            <table>
                <thead class="thead">
                    <tr>
                        <th>FLIGHT CODE</th>
                        <th class="th td2">FROM</td>
                            <th>STA</td>
                                <th>ETA</td>
                                    <th class="nd">Notes</td>
                    </tr>
                    </tdead>
                    <tbody class="tbody">
                        <tr>
                            <th>T3 4264</td>
                                <td class="td2">ISLE OF MAN</th>
                            <td>11:40</td>
                            <td>11:42</td>
                            <td>LANDED AT 11:43</td>
                        </tr>
                        <tr class="bgc-white">
                            <th>BA 4081</th>
                            <td class="td2">PARIS-CDG</td>
                            <td>11:45</td>
                            <td>11:57</td>
                            <td>LANDED AT 11:58</td>
                        </tr>
                        <tr>
                            <th>BE 843</th>
                            <td class="td2">BELFAST CITY</td>
                            <td>11:45</td>
                            <td>11:40</td>
                            <td>LANDED AT 11:41</td>
                        </tr>
                        <tr class="bgc-white">
                            <th>GR 642</th>
                            <td class="td2">GUERNSEY</td>
                            <td>11:55</td>
                            <td>11:38</td>
                            <td>LANDED AT 11:37</td>
                        </tr>
                        <tr>
                            <th>EZY 6192</th>
                            <td>PISA</td>
                            <td>12:05</td>
                            <td>12:18</td>
                            <td>LANDED AT 12:17</td>
                        </tr>
                        <tr class="bgc-white">
                            <th>EZY 6052</th>
                            <td class="td2">MALAGA</td>
                            <td>12:15</td>
                            <td>11:55</td>
                            <td>LANDED AT 11:55</td>
                        </tr>
                        <tr>
                            <th>EZY 6074</th>
                            <td class="td2">ALICANTE</td>
                            <td>12:35</td>
                            <td>12:12</td>
                            <td>LANDED AT 12:14</td>
                        </tr>
                        <tr class="bgc-white">
                            <th>EZY 6068</th>
                            <td class="td2">VALENCIA</td>
                            <td>12:40</td>
                            <td>12:49</td>
                            <td>LANDED AT 12:48</td>
                        </tr>
                        <tr>
                            <th>BA 4023</th>
                            <td class="td2">GLASGOW</td>
                            <td>12:50</td>
                            <td>12:41</td>
                            <td>LANDED AT 14:08</td>
                        </tr>
                        <tr class="bgc-white">
                            <th>FR 506</th>
                            <td class="td2">DUBLIN</td>
                            <td>13:00</td>
                            <td>12:52</td>
                            <td>LANDED AT 12:51</td>
                        </tr>
                        <tr>
                            <th>T3 4264</th>
                            <td class="td2">ISLE OF MAN</td>
                            <td>11:40</td>
                            <td>11:42</td>
                            <td>LANDED AT 11:43</td>
                        </tr>
                        <tr class="bgc-white">
                            <th>BA 4081</th>
                            <td class="td2">PARIS-CDG</td>
                            <td>11:45</td>
                            <td>11:57</td>
                            <td>LANDED AT 11:58</td>
                        </tr>
                        <tr>
                            <th>BE 843</th>
                            <td class="td2">BELFAST CITY</td>
                            <td>11:45</td>
                            <td>11:40</td>
                            <td>LANDED AT 11:41</td>
                        </tr>
                        <tr class="bgc-white">
                            <th>GR 642</th>
                            <td class="td2">GUERNSEY</td>
                            <td>11:55</td>
                            <td>11:38</td>
                            <td>LANDED AT 11:37</td>
                        </tr>

                    </tbody>
            </table>
        </div>
    </div>
</body>

</html>

tbody 滚动条的更多相关文章

  1. table下tbody滚动条与thead对齐的方法且每一列可以不均等

    1 前言 table下tbody滚动条与thead对齐的方法,开始在tbody的td和thead的tr>td,对每一个Item加入百分比,结果是没对齐.也尝试了用bootstrap的col-md ...

  2. tbody滚动条占位导致与thead表头错位

    tbody出滚动条导致表头错位,上网上搜了一下,发现全是答非所问,能隐藏滚动条,还用问??我当前作出的效果是当tbody内容在正常情况下显示时,不显示滚动条,当内容区域高度超过外部容器时,滚动条自动显 ...

  3. CSS 设置table下tbody滚动条

    table tbody { display:block; height:195px; overflow-y:scroll; } table thead, tbody tr { display:tabl ...

  4. CSS设置table下tbody滚动条与thead对齐的方法

    <style>table tbody {display:block;height:195px;overflow-y:scroll;} table thead, tbody tr {disp ...

  5. Bootstrap表格中，thead固定，tbody有垂直滚动条

    1.html源码:这里的table是使用的vue写法,实际生成的表格和一个一个写的tr th td无异 <div class="panel-body no-padding"& ...

  6. 给tbody加垂直滚动条的具体思路

    [给tbody加垂直滚动条的具体思路] 给tbody加垂直滚动条的思路就是把tbody设置成display:block,然后就对其高度设置一个固定值,overflow设置成auto即可 参考:http ...

  7. 纯CSS,table的thead固定,tbody显示滚动条

    以下代码,仅在谷歌下测试过 首先是html的table的代码: <table class="tablediv" id="myTable" border=& ...

  8. 通过css样式给表格tbody加垂直滚动条

    tbody加滚动条实现思路: 1,把tbody设置成display:block,然后就对其高度设置一个固定值,overflow设置成auto. 2,把thead的tr设置成display:block. ...

  9. tbody设置超出固定的高度出现滚动条，没超出不显示。

    没有超出时显示样式,不显示滚动条: 超出时显示滚动条: 1.html <table class="table"> <thead> <tr> &l ...

随机推荐

  1. 检测WIfi是否打开

    引入SystemConfiguration库并添加头文件: #import <SystemConfiguration/SystemConfiguration.h> 代码如下:     NS ...

  2. php表单提交方法汇总

    问题:网页上提交表单之后,PHP为什么不能获取提交的内容?然而在老版本的PHP上运行却正常. 新版的PHP已经废弃了原来的表单内容处理方式,即不再把提交的表单的内容直接复制到一个同名变量中.解决办法有 ...

  3. reids-geo

    Redis Geo Geo

  4. The Fortified Forest - POJ 1873(状态枚举+求凸包周长)

    题目大意:有个国王他有一片森林,现在他想从这个森林里面砍伐一些树木做成篱笆把剩下的树木围起来,已知每个树都有不同的价值还有高度,求出来砍掉那些树可以做成篱笆把剩余的树都围起来,要使砍伐的树木的价值最小 ...

  5. liststack——链表栈（procedure）

    #include <stdio.h> #include <stdlib.h> #include <string.h> #include "list.h&q ...

  6. Unity3D开发类似保龄球游戏

    先学习一些基本的脚本实现: 1.动态创建物体.默认位置是(0,0)位置 GameObject goNew = GameObject.CreatePrimitive(PrimitiveType.Cube ...

  7. POJ3186：Treats for the Cows(区间DP)

    Description FJ has purchased N (1 <= N <= 2000) yummy treats for the cows who get money for gi ...

  8. ASP.NET与SOAP协议使用记录

    近期初次接手一个公司的管理系统开发任务,因为公司需要有Android,IOS客户端,又要求有PC端的网页客户端....对服务请求的要求自然也就落在了统一接口访问上了.... 使用ASP.NET的WEB ...

  9. 一句话菜刀获取ip详细信息

    <?php $ip="你要查的ip"; $url="http://ip.taobao.com/service/getIpInfo.php?ip=".$ip ...

  10. Mina学习之Codec Filter

    为何要使用Codec Filter 1. 任何一个网络应用程序接受到消息后,都需要知道消息的开头和结束. 2. 你可以把协议解析的部分放在IoHandler,但这样就会造成业务代码和协议解析代码混淆在 ...