<style>
        table{
            width: 100%;
            border-collapse: collapse;
            border: saddlebrown 1px solid;
        }
        tr,td,th{
            border: saddlebrown 1px solid;
            text-align: center;
            vertical-align: middle;
            padding: 10px;
        } 
　　　　/*在標題很長時不會串到下一行使單元格變高*/
        th{ 
            white
 
-space: nowrap;
            overflow: hidden;
        }
        div{
            width: 100%;
            overflow-x: auto; 
        }
</style>
<div>
        <table>
            <thead>
                <tr>
                    <th>標題一</th>
                    <th>標題二</th>
                    <th>標題三</th>
                    <th>標題四</th>
                    <th>標題五</th>
                    <th>標題六</th>
                    <th>標題七</th>
                    <th>標題八</th>
                    <th>標題九</th>
                    <th>標題十</th>
                    <th>標題十一</th>
                    <th>標題十二</th>
                    <th>標題十三、標題十三、標題十三、</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                    <td>6</td>
                    <td>7</td>
                    <td>8</td>
                    <td>9</td>
                    <td>10</td>
                    <td>11</td>
                    <td>12</td>
                    <td>13</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                    <td>6</td>
                    <td>7</td>
                    <td>8</td>
                    <td>9</td>
                    <td>10</td>
                    <td>11</td>
                    <td>12</td>
                    <td>13</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                    <td>6</td>
                    <td>7</td>
                    <td>8</td>
                    <td>9</td>
                    <td>10</td>
                    <td>11</td>
                    <td>12</td>
                    <td>13</td>
                </tr>
            </tbody>
      </table>
</div>