HTML表格怎么调整行高与列宽（技巧分享）-html教程-PHP中文网

结论：行高必须靠td或th的css控制，tr的height属性基本不可靠；列宽优先用width设置在td/th上，或用col标签统一约束。因为浏览器对tr的height支持极不一致，chrome忽略、firefox部分生效，而td受box-sizing、padding、line-height及内容影响，需组合height+line-height+padding+box-sizing:border-box才能锁死单行高度；列宽若仅设td易被最大值覆盖，col配合table-layout:fixed才真正可控。

html表格怎么调整行高与列宽（技巧分享）

直接说结论：行高必须靠 td 或 th 的 CSS 控制，tr 的 height 属性基本不可靠；列宽优先用 width 设置在 td/th 上，或用 col 标签统一约束，别依赖 table 的 width 算术分配。

为什么 `tr` 设 `height` 没反应？

浏览器对 tr 元素的 height 支持极不一致——Chrome 会忽略，Firefox 可能部分生效，Safari 表现更 unpredictable。真正起作用的是单元格自身的盒模型行为。

td 默认 box-sizing: content-box，加上默认 padding 和 line-height，会让实际高度远超你写的 height
文字换行、图片、内联元素都会撑开 td，此时仅设 height 会被内容顶破
如果真要锁死单行高度，得组合写：height: 40px; line-height: 40px; padding: 0; box-sizing: border-box;

`td` 设 `height` 还是 `line-height`？

看场景选：

使用HTML,CSS,JavaScript开发Android应用程序英文文字pdf版附源文件

如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

下载

纯文本单行 → 用 line-height 最稳，它直接控制行距，视觉高度可预测（比如 line-height: 32px）
需要精确像素控制 + 垂直居中 → 必须配 height + line-height（值相等）+ vertical-align: middle
多行文本或含图片 → height 无效，改用 max-height + overflow: hidden 或 display: -webkit-box 截断
后台数据列表这类固定结构表格，推荐统一 class：.data-row td { height: 48px; line-height: 48px; padding: 0; }