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>

相關標籤/搜索