textarea无原生自适应高度，须用JS监听input事件、先设height='auto'再赋scrollHeight；表格中需为td设min-height、vertical-align:top及display:block确保容纳。

HTML 表格里没有“文本域行数”这个概念——textarea 是独立表单控件，不能嵌在 table 结构里还指望 rows 属性受表格影响。你要的其实是两个分开的问题：怎么设 textarea 的初始高度，以及怎么让表格里的单元格（td）撑开固定行高来容纳它。

textarea 的 rows 属性只管字符行数，不是像素高度

rows 是 textarea 的原生属性，值为数字，表示“按默认等宽字体估算能显示几行文本”。它不绑定像素、不响应字体变化、也不受父容器 td 高度约束。

• 设 rows="4" 后，实际高度 ≈ line-height × 4，但 line-height 取决于当前字体和浏览器默认值（通常 1.0–1.2）
• 如果 textarea 在 td 里，而 td 没设 vertical-align: top 或 padding，textarea 会因基线对齐悬空，看起来“没占满”
• 想让它视觉上撑满单元格？别只靠 rows，得配 CSS：height: 100%; min-height: calc(1.2em * 4); display: block;，并确保父 td 有明确高度或 min-height

表格单元格（td）怎么给 textarea 留出稳定高度

表格本身不会自动适配 textarea 高度。td 默认由内容撑开，但 textarea 的 rows 不触发盒模型重算——你看到的“高度不够”，其实是 td 内边距、vertical-align 和 line-height 共同导致的。

Wechat Article Html

将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。

下载

• 必须显式给 td 设 min-height（比如 min-height: 64px），而不是 height，否则内容超长时会被截断
• 加 vertical-align: top 防止 textarea 因 baseline 对齐下沉
• 清掉 td 默认 padding（或统一设 padding: 4px 8px），避免和 textarea 的 border/padding 叠加撑高
• 如果要多行 textarea 自适应高度，用 JS 监听 input 事件 + scrollHeight 动态设 height，CSS 无法全自动完成

为什么给 tr 或 table 设 height 对 textarea 没用

tr 的 height 属性在 HTML5 中已废弃，Chrome 完全忽略，Firefox 行为不一致；table 的 height 只控制整体容器，不影响内部单元格的行内布局逻辑。

立即学习“前端免费学习笔记（深入）”；

• 你在 tr 上写 height="80" 或 style="height: 80px"，textarea 该溢出还是溢出，td 该压缩还是压缩
• 真正起作用的是 td 的 min-height + vertical-align + box-sizing: border-box
• 如果用了 border-collapse: collapse，还要检查 border 是否叠加导致高度浮动

最易被忽略的一点：textarea 在 td 里默认是 inline-level 元素，会受 line-height 和 vertical-align 影响。不加 display: block，哪怕设了 rows="6" 和 min-height: 96px，它也可能被压扁或错位。