html中将有空单元格的行中的剩余单元格居中。

有没有办法将html中的表格将第二行的单元格在该行居中。
代码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>表格</title> 
</head>
<body>
<table border="1">
<tr>
  <td>一些文本</td>
  <td>一些文本</td>
</tr>
<tr>
  <td>一些文本</td>
</tr>
</table>
</body>
</html>

img

给tr元素个flex
tr {
display: flex;
flex-direction: row;
justify-content: space-around;
}


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>表格</title> 
</head>
<body>
<table border="1">
<tr>
  <td>一些文本</td>
  <td>一些文本</td>
</tr>
<tr>
  <td colspan="2" align="center">一些文本</td>
</tr>
</table>
</body>
</html>

img