<tr><td colspan="2">上午</td><td>外语</td><td>高数</td><td>马哲</td></tr> <tr ><td>体育</td><td>计算机</td><td>外语</td></tr> 为什么上午的列没有被合并

上午的列没有被合并是因为在HTML中，`colspan`属性用于指定单元格跨越的列数，而`rowspan`属性用于指定单元格跨越的行数。在给定的表格中，`<td colspan="2">上午</td>`表示该单元格跨越了两列，而不是合并了两列。因此，上午的列没有被合并。如果要合并上午的列，可以将其它单元格的`colspan`属性设置为2，使它们跨越两列。

相关问题

<table class="table table-hover"> <thead> <tr> <th>商品名称</th> <th>单价</th> <th>数量</th> <th>总价</th> <th>操作</th> </tr> </thead> <tbody> <div><tr> <td><img src="img/t_recommen/cup.jpg" width="200" height="150"><br>健身水杯 </td> <td>100</td> <td><input type="number" value="1" min="1"></td> <td>100</td> <td><button class="btn btn-danger">删除</button></td> </tr> <tr> <td><img src="img/t_recommen/xiaomi.jpg" width="200" height="150"><br>商品2</td> <td>200</td> <td><input type="number" value="1" min="1"></td> <td>200</td> <td><button class="btn btn-danger">删除</button></td> </tr> <tr> <td><img src="img/mobile/m2.jpg" width="200" height="150"><br>商品3</td> <td>300</td> <td><input type="number" value="1" min="1"></td> <td>300</td> <td><button class="btn btn-danger">删除</button></td> </tr> </tbody> <tfoot> <tr> <td colspan="3">总价：</td> <td colspan="2">600</td> </tr> </div> </tfoot> </table>让总体居中

要让整个表格居中，可以将表格放在一个 div 元素中，并给这个 div 元素添加 text-align: center 样式。也可以直接给表格添加 margin: 0 auto 样式，这样会使表格在水平方向上居中。以下是修改后的代码：

<div style="text-align: center;">
  <table class="table table-hover" style="margin: 0 auto;">
    <thead>
      <tr>
        <th>商品名称</th>
        <th>单价</th>
        <th>数量</th>
        <th>总价</th>
        <th>操作</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><img src="img/t_recommen/cup.jpg" width="200" height="150"><br>健身水杯 </td>
        <td>100</td>
        <td><input type="number" value="1" min="1"></td>
        <td>100</td>
        <td><button class="btn btn-danger">删除</button></td>
      </tr>
      <tr>
        <td><img src="img/t_recommen/xiaomi.jpg" width="200" height="150"><br>商品2</td>
        <td>200</td>
        <td><input type="number" value="1" min="1"></td>
        <td>200</td>
        <td><button class="btn btn-danger">删除</button></td>
      </tr>
      <tr>
        <td><img src="img/mobile/m2.jpg" width="200" height="150"><br>商品3</td>
        <td>300</td>
        <td><input type="number" value="1" min="1"></td>
        <td>300</td>
        <td><button class="btn btn-danger">删除</button></td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <td colspan="3">总价：</td>
        <td colspan="2">600</td>
      </tr>
    </tfoot>
  </table>
</div>

<td>2023058</td> <td>10 17 22 26 30 33 + 11</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td>×</td> <td >0</td> </tr> <tr class="new"> <td>2023059</td> <td></td> <td>24</td> <td>10</td> <td>26</td> <td>31</td> <td>12</td> <td>33</td> <td>24</td> <td>08</td> <td>31</td> <td>24</td> <td></td> </tr> <tr> <td colspan="2">正确次数</td> <td>4</td> <td>3</td> <td>7</td> <td>2</td> <td>9</td> <td>3</td> <td>4</td> <td>5</td> <td>3</td> <td>6</td> <td></td> </tr> <tr> <td colspan="2">错误次数</td> <td>16</td> <td>17</td> <td>13</td> <td>18</td> <td>11</td> <td>17</td> <td>16</td> <td>15</td> <td>17</td> <td>14</td> <td></td> </tr> <tr> <td colspan="2">当前连对</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> <td></td> </tr> <tr> <td colspan="2">当前连错</td> <td>1</td> <td>4</td> <td>2</td> <td>4</td> <td>1</td> <td>7</td> <td>1</td> <td>2</td> <td>13</td> <td>3</td> <td></td> </tr> <tr> <td colspan="2">最大连对</td> <td>2</td> <td>1</td> <td>3</td> <td>1</td> <td>2</td> <td>1</td> <td>2</td> <td>2</td> <td>2</td> <td>2</td> <td></td> </tr> <tr> 用正则表达式<tr class="new">([\s\S]*?)(\d+)[\s\S]*?</tr>没有只提取到标签里面的数字

您需要使用正则表达式中的分组捕获来提取数字。在这个例子中，您可以使用以下表达式来匹配每个<tr>标签，并从中提取数字：

<tr class="new">([\s\S]*?)(\d+)[\s\S]*?<\/tr>

这个表达式中，第一个圆括号表示第一个分组捕获，即匹配<tr>标签之后的任何字符，直到遇到第一个数字。第二个圆括号表示第二个分组捕获，即匹配数字。最后，<\/tr>匹配</tr>标签。如果您使用这个表达式并且在代码中正确使用分组捕获，您应该能够提取出每个<tr>标签中的数字。