Html 如何独立于引导表的同一行中的其他单元格更改一个单元格的高度？

我只知道CSS的基本知识，所以不知道该怎么做。我有一个表，其中大部分是单行数据，但第一行的最后一个单元格（称为“Other”）有多行数据

除了一个单元格外，有没有办法使表中每个单元格的高度都变小？现在，由于包含多行的列非常大，它使得其余的单元格在数据上方和下方都有额外的空白（参见第一个屏幕截图）。当我更改

td

的

line height

时，除了一个单元格有多行之外，整个表格看起来都很漂亮（参见第二个屏幕截图）

无

行高

：

添加了

行高

：

html（为了让它看起来更干净，我省略了一些

td

）：

---

Rowspan可能也不会做你想做的事。然而，有一个替代方案，但它并不漂亮

将内容包装在div中，设置其高度并设置溢出：滚动。这将为内容提供一个滚动条，用户可以上下滚动

下面只是一个示例，因此您可能希望使用高度来显示您希望它如何显示

<style>
.other{
height:50px;
overflow:scroll
}
</style>

<td>
<div class="other">
content goes here.
</div>

.其他{
高度：50px；
溢出：滚动
}
内容在这里。

---

Rowspan可能也不会做你想做的事。然而，有一个替代方案，但它并不漂亮

将内容包装在div中，设置其高度并设置溢出：滚动。这将为内容提供一个滚动条，用户可以上下滚动

下面只是一个示例，因此您可能希望使用高度来显示您希望它如何显示

<style>
.other{
height:50px;
overflow:scroll
}
</style>

<td>
<div class="other">
content goes here.
</div>

.其他{
高度：50px；
溢出：滚动
}
内容在这里。

---

您还可以截断文本（并添加省略号），以显示比显示内容更多的内容

添加的简单好处是，如果向单元格添加

标题

属性，单元格的完整内容可以显示为类似于

工具提示

请参见下面的演示：

表格{
框大小：边框框；
边界塌陷：塌陷；
最大宽度：800px；
}
表td，
表th{
垂直对齐：中间对齐；
边框：1px实心#d4；
宽度：100px；
最大宽度：300px；
}
td.其他{
溢出：隐藏；
最大宽度：300px；
文本溢出：省略号；
空白：nowrap；
}

示例
某物
代码版本
区域
其他
某物
版本
区域
其他（多线）-这是一条很长的线，不应缠绕td

您还可以截断文本（并添加省略号），以显示比显示内容更多的内容

添加的简单好处是，如果向单元格添加

标题

属性，单元格的完整内容可以显示为类似于

工具提示

请参见下面的演示：

表格{
框大小：边框框；
边界塌陷：塌陷；
最大宽度：800px；
}
表td，
表th{
垂直对齐：中间对齐；
边框：1px实心#d4；
宽度：100px；
最大宽度：300px；
}
td.其他{
溢出：隐藏；
最大宽度：300px；
文本溢出：省略号；
空白：nowrap；
}

示例
某物
代码版本
区域
其他
某物
版本
区域
其他（多线）-这是一条很长的线，不应缠绕td

不，不能使一个单元格比其他单元格小。那怎么办？细胞会错位。看起来文本周围可能有一些额外的填充或边距，但可以删除。您还可以使用rowSpan让它接管2个或更多单元格。您最好的选择可能是截断文本或将信息放入工具提示中。由于您无法更改表中单个单元格的高度，另一个简单的选项是在所有tds上，为它们指定“垂直对齐：顶部；”。这至少会使文本始终与单元格顶部对齐，而不是与单元格中部对齐。@mpen我完全忘记了rowspan……这可能就是我要找的@imvain2我尝试了

vertical align:top

，但它只是将所有空格移到了文本下方：/No，不能使一个单元格比其余单元格小。那怎么办？细胞会错位。看起来文本周围可能有一些额外的填充或边距，但可以删除。您还可以使用rowSpan让它接管2个或更多单元格。您最好的选择可能是截断文本或将信息放入工具提示中。由于您无法更改表中单个单元格的高度，另一个简单的选项是在所有tds上，为它们指定“垂直对齐：顶部；”。这至少会使文本始终与单元格顶部对齐，而不是与单元格中部对齐。@mpen我完全忘记了rowspan……这可能就是我要找的@imvain2我尝试了

垂直对齐：top

，但它只是将所有空格移到了文本下方：/谢谢！这将暂时奏效。我不知道卷轴也是我可以用的东西。我想如果我能想出如何只应用一次，rowspan就会起作用（因为它在一个循环中，rowspan会嵌套起来，看起来很糟糕），谢谢！这将暂时奏效。我不知道卷轴也是我可以用的东西。我认为如果我能想出如何只应用一次（因为它是在一个循环中，所以rowspan变成嵌套的，看起来很糟糕），rowspan就可以工作了。谢谢！！我喜欢工具提示的想法，但是我为这个项目工作的人希望第一眼就能看到所有的信息，所以这并不适用。不过我很感谢你的帮助

<style>
.other{
height:50px;
overflow:scroll
}
</style>

<td>
<div class="other">
content goes here.
</div>