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. 数据库的存储引擎和SQL语言

    数据库的存储引擎就是管理数据存储的东西,它完成下面的工作: 1)存储机制 2)索引方式 3)锁 4)等等 SQL语言:-----关系型数据库所使用的数据管理语言 1)数据定义语言(DDL):DROP. ...

  2. smtp服务器搭建（实现本地通讯）

    1安装postfix 1)下载安装包    sudo apt-get install postfix 2)配置服务器 选择确定. 选择IneternetSite(通过SMTP发送和接收邮件),然后确定 ...

  3. Oracle LOB

    Oracle LOB Oracle .NET Framework 数据提供程序包括 OracleLob 类,该类用于使用 Oracle LOB 数据类型. OracleLob 可能是下列 Oracle ...

  4. XMPP and Asterisk integration

    http://www.mundoopensource.com.br/en_page_xmpp_asterisk_pratical_example/ www.mundoopensource.com.br ...

  5. 20个 Unix/Linux 命令技巧

    让我们用这些Unix/Linux命令技巧开启新的一年,提高在终端下的生产力.我已经找了很久了,现在就与你们分享. 删除一个大文件 我在生产服务器上有一个很大的200GB的日志文件需要删除.我的rm和l ...

  6. Musical Theme - poj 1743（求最大不重叠重复子串）

    题目大意: * 有N(1 <= N <=20000)个音符的序列来表示一首乐曲,每个音符都是1..88范围内的整数,现在要找一个重复的主题. * “主题”是整个音符序列的一个子串,它需要满 ...

  7. java通过解析文件获取apk版本等信息

    import java.io.ByteArrayInputStream; import java.io.IOException; import java.io.InputStream; import ...

  8. optimizer hints

    In version MySQL 5.7.7 Oracle presented a new promising feature: optimizer hints. However it did not ...

  9. percona-MYSQLGUI监控

    1.https://www.percona.com/blog/2016/05/26/monitoring-with-percona-app-for-grafana/ http://pmmdemo.pe ...

  10. [CodeForce]358D Dima and Hares

    有N<3000只宠物要喂,每次只能喂一只,每喂一只宠物,宠物的满足度取决于: 1 紧靠的两个邻居都没喂,a[i] 2 邻居中有一个喂过了,b[i] 3 两个邻居都喂过了,c[i] 把所有宠物喂一 ...