table添加水平滚动条

时间 2019-11-08

标签 table 添加水平滚动条繁體版

原文原文链接

<html>
 <head>
  <title>table新增水平滚动条</title>
        <style type="text/css">
          .tableWrap {
            overflow: auto;
          }
          table{
            width: 100%
          }
          table th{
            white-space: nowrap;
          }
          table td{
            white-space: nowrap;
          }
    </style>
    </head>
    <body>
    <div class="tableWrap">
        <table>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
             <tr><td>2222</td><tr>
        </table>
    </div>
    </body>
</html>