html表格纵向空间控制应聚焦td/th：用height+line-height实现单行居中，padding“垫高”更自然，vertical-align统一多行对齐；固定表高需tbody设display:block+max-height+overflow，thead保持默认以固定表头。
HTML 表格本身没有“纵向宽度”这个概念——你实际想调的是表格高度，或者某行/某单元格的垂直空间。直接设 height 属性往往无效，关键得看浏览器怎么计算行高、内容撑开逻辑和盒模型行为。
为什么 table 或 tr 上设 height 没反应
浏览器默认按内容自动撑开 tr 高度，height 在 tr 上是“建议值”，不是强制约束；table 的 height 更只影响整体容器尺寸，不分配到行。常见表现：设了 height: 100px，但文字多一行就变高，毫无作用。
- 只对空行或纯文本短内容偶尔生效，不可靠
-
tr不是块级元素，CSS 高度控制受限 - 若用了
table-layout: fixed，tr高度仍由内容决定，除非配合td的vertical-align和line-height
真正可控的纵向空间控制点在 td 和 th
把高度控制落到单元格上，才稳定。核心是组合使用 height、line-height、padding 和 vertical-align：
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
下载
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
-
td { height: 40px; line-height: 40px; }：让单行文字垂直居中（前提是无换行） -
td { padding: 12px 8px; }：用内边距“垫高”行，比直接设height更自然 -
td { vertical-align: middle; }：确保多行内容或图片时对齐方式一致 - 避免同时设
height和大padding，否则实际高度 = height + padding，容易溢出
需要整张表固定高度？用 tbody + max-height + overflow
如果目标是让表格区域固定高、内容超长时滚动，别碰 table 的 height，而是限制 tbody：
| Name | Age |
|---|---|
| Alice | 30 |
| Bob | 25 |
-
tbody设display: block才能触发max-height和滚动 -
thead保持display: table-header-group（默认），可随滚动固定在顶部 - 注意：此时
tr宽度可能错位，需给td显式设width或用colgroup
真正难的不是设高度，而是让高度“稳住不被内容突破”。多数时候，用 padding 替代 height、用 line-height 控制文字垂直位置、必要时用 tbody 滚动，比硬塞 height 可靠得多。尤其当单元格里有图片、按钮或动态内容时，优先考虑盒模型的实际占用，而不是样式声明里的数字。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
