如何使用css和html使行跨列内容从列的顶部开始

我已经获得了以下代码，并且想知道如何使行跨度为3的列中的文本从顶部开始。（因为如果你现在查看它，你会发现文本“Nueva columna”显示在列的中间：

<style>
table, th, td {
    border: 1px solid ;
}
</style>

<table>
  <tr>
    <th>Numeros</th>
    <th rowspan="3">Nueva columna</th>
  </tr>
  <tr>
    <td>Uno</td>
  </tr>
  <tr>
    <td>Dos</td>
  </tr>
</table>

表，th，td{
边框：1px实心；
}
头号人物
新柱
联合国组织
磁盘操作系统

希望有人能帮助我

谢谢！

添加：

th {
    vertical-align:top;
}

表，th，td{
边框：1px实心；
}
th{
垂直对齐：顶部；
}

头号人物
新柱
联合国组织
磁盘操作系统

使用

垂直对齐：顶部

：

th[rowspan] {
    vertical-align: top;
}

上述操作仅将

垂直对齐：top

设置为具有

行span

属性的

元素；设置所有

元素的样式：

th {
    vertical-align: top;
}

并以这种方式设置所有

元素的样式：

table, th, td {
    border: 1px solid;
    vertical-align: top;
}

参考资料：

---

您可以将

垂直对齐设置为
顶部
，如下所示：

table tr:first-child th:nth-child(2){
    vertical-align: top;
}

小提琴：

编辑：上面的代码将只针对正确的
th
，以防您希望其他单元格保持默认行为。如果您希望所有单元格的
th
和
td
垂直对齐：top；

，则可以删除伪元素并针对所有的

th

和

td

，谢谢，它起作用了。但是您知道是什么吗y行跨度越来越大？我不希望其他行移动。有没有办法使它们“静止”呢？恐怕没有，这是我没有观察到的行为；除非你的意思是跨越三行的单元格是（三次）比只占用一行的单元格大？这完全是出于设计。对不起，我错过了express我自己，当我向列中添加一个图像时，该行的跨度会变大，而另一列会变大。是否有任何方法阻止表这样做？这似乎只发生在

比单元格本身大的情况下（）；这也是出于设计。会发生什么？我需要表格看起来像这样：Numeros Uno Dos Tres Otra，是的，图像更大，这就是为什么我使用了rowspan 2谢谢！但是你知道为什么有rowspan的行会变大吗？我不想让其他行移动。有没有办法使它们“静止”？你说“变大”是什么意思？对我来说大小都一样：（左上一行是修改过的，另外两行是原始的，以便比较）很抱歉，我错过了express我自己，当我向列中添加一个图像时，其中的行跨度会变大，而另一列会变大。是否有任何方法可以阻止表这样做？谢谢，它起到了作用。但是你知道为什么行跨度会变大吗？我不希望其他行移动。有没有办法使它们“静态”呢？我根本看不到它们移动或变大。你有例子吗？对不起，我错过了express我自己，当我在列中添加一个图像时，该列的行跨度变大了，另一列变大了。还有什么方法阻止表这样做吗？