的height属性基本无效，因规范将其列为“非强制实现”，chrome完全忽略、firefox表现不可靠；应改用的line-height+vertical-align或table-layout:fixed配合tr的min-height等可靠方案。

直接在 <tr> 上设 <code>height 基本无效，Chrome 完全忽略，Firefox 表现不可靠——这不是 bug，是 HTML 规范明确将其列为“非强制实现”特性。

为什么 <tr> 的 <code>height 属性不生效

浏览器对 <tr> 的 <code>height 支持是可选的，规范不保证它起作用。实测结果很明确：

• Chrome 无视所有 tr 上的 height（无论内联还是 CSS）
• Firefox 可能响应，但一旦单元格含图片、多行文本或非零 padding，高度立刻被撑开，失去控制
• <tr height="40"> 这种旧式写法更危险：W3C 已弃用，且与 CSS 冲突时优先级混乱 <h3><code><td> 上设 <code>height 也不等于“控高可靠”

  <td> 的 <code>height 能起作用，但前提是严格满足条件，否则极易失效：

  • 必须配合 line-height（值相等），否则单行文字无法垂直居中
  • 必须设 box-sizing: border-box + padding: 0，否则哪怕 padding: 2px 都会让最终高度变成 height + 4px
  • 必须启用 border-collapse: collapse，否则 cellspacing 会额外加高
  • 只要单元格里出现换行、<img>、<div> 或任意块级子元素，<code>height 就只约束内容区，不压制溢出

    真正可控的替代方案有哪些

    放弃对 <tr> 的 <code>height 依赖，转向语义清晰、兼容稳定的组合：

    • 纯单行文本：用 td { line-height: 40px; vertical-align: middle; padding: 0; }，比 height 更轻量、更兼容
    • 需统一最小视觉高度：用 table { table-layout: fixed; width: 100%; } tr { min-height: 48px; }，这是唯一能在 tr 级别稳定生效的方案
    • 动态渲染（React/Vue）：首次加载跳变，大概率是图片未占位，加 min-height: 40px 预留空间 + max-height: 40px + overflow: hidden 更稳妥
    • 含图片或多行文本：别硬扛 height，改用 display: flex 重写单元格结构，或用 max-height + -webkit-line-clamp 截断

    最常被忽略的一点：当你发现 height “好像有时有效”，大概率是因为内容恰好没触发溢出条件——这种偶然性恰恰是它不能用于生产环境的原因。

    

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

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

    下载