label水平居中只需text-align: center作用于其父容器，但需确保label是直接子元素；垂直居中推荐flex布局（display: flex + align-items: center），兼容IE11则用table-cell；多列右对齐优选nth-child；iOS点击热区问题用min-height + inline-flex修复。

label在里水平居中，只靠text-align: center就行

只要是的直接子内容（没被

或包着），给加text-align: center就生效。它不是“让label自己居中”，而是让label内部的文字按行内内容规则居中——这恰恰是label默认行为。

常见错误现象：text-align: center写了但没效果，大概率是因为：

• 姓名
  ——text-align对块级
  无效，得额外设div { display: inline-block; }或改用margin: 0 auto
• 用了这种废弃写法，和CSS冲突，浏览器解析优先级混乱
• 父级设了width: 100%但没显式设height或line-height，而内容只有一行，它常表现为“没动”。更糟的是，vertical-align对基线的计算在label/input之间天然不一致，强行设反而错位更明显。

  真正稳的解法是把

  没撑开，实际宽度为0，居中自然看不见 label和input一起垂直居中，别碰vertical-align: middle vertical-align: middle在	上看似能用，但实际依赖整行高度。如果
  变成Flex容器： 给	加display: flex和align-items: center 确保和是它的直接子元素（不要中间套 ） 若需水平间距，用gap: 0.5rem，别用margin——后者在flex里容易触发换行或挤压 注意：IE11不支持display: flex在	上，如需兼容，得降级到display: table-cell + vertical-align: middle，并手动设tr { height: 40px; }保底。 多列label统一右对齐，用nth-child比class更轻量 后台表单常见“标签右对齐 + 输入框左对齐”布局。如果每列语义明确（比如第1列全是label），直接用td:nth-child(1)最干净： htmlppt.skill 把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。 下载 td:nth-child(1) { text-align: right; padding-right: 0.75rem; } 比给每个	加class="label-col"少写12个字符，也避免漏加或错加。但要注意： nth-child(n)按DOM顺序数，不是按视觉列；如果某行有colspan，序号会偏移 若列数动态变化（比如JS插入新列），nth-child会失效，此时必须切回语义类名 配合min-width: 8em防短label被压缩，长label自动换行也不挤input 表格里label点击热区小，iOS Safari下尤其明显 iOS Safari对的点击区域默认只覆盖文字本身，哪怕for属性正确绑定，用户仍可能点不中。这不是bug，是WebKit的渲染策略。 修复只需两行CSS： label { cursor: pointer; }——视觉提示可点击 label { min-height: 1.2em; display: inline-flex; align-items: center; }——拉高热区，同时保持inline特性不破坏布局 别用padding硬撑，它会让label在flex容器里撑高整行；也别用line-height，在多行文本场景下会错乱行距。真正关键的是min-height + inline-flex组合，既扩热区又不伤结构。