layer.confirm弹窗行高不生效主因是内容被包裹进layui-layer-content容器导致内联样式失效；应通过skin参数添加自定义class，再用CSS选择器如.my-confirm-tall .layui-layer-content设置line-height并配合padding调整。
layer.confirm 弹窗内容行高不生效的常见原因
直接给 content 字符串加 line-height 行内样式通常无效，因为 layer 会把内容包裹进固定 class 的容器（如 layui-layer-content），原始样式被层叠覆盖。你改的不是最终渲染节点的样式。
用 skin + CSS 覆盖 layui 默认行高
layer 提供 skin 参数允许添加自定义 class，这是最稳妥、不影响其他弹窗的方式：
- 给弹窗加专属 class，比如
my-confirm-tall - 在全局 CSS 或页面 style 中写高优先级规则，针对
.layui-layer-content子元素 - 避免用
!important，靠选择器权重就够了（例如.my-confirm-tall .layui-layer-content）
layer.confirm('确定要删除吗？', {
skin: 'my-confirm-tall',
yes() { /* ... */ }
});
CSS 示例：
.my-confirm-tall .layui-layer-content {
line-height: 2.2;
padding: 20px 24px; /* 可同步调整上下内边距，让文字更居中 */
}
传入 DOM 节点时如何控制行高
如果你用 jQuery 或原生 DOM 创建了内容节点再传给 content，行高必须作用在该节点自身，且需确保它被 layer 正确插入到内容区：
- 不要只设父容器行高，要设文字直接包裹容器（如
- layer 会把节点 append 到
.layui-layer-content，所以.msg的样式仍可能被继承干扰 - 推荐写成
.my-confirm-tall .msg { line-height: 2; }，和上一种方式统一维护
示例：
const $msg = $('<div class="msg">此操作不可撤销<br>请确认后继续</div>');
layer.confirm($msg, { skin: 'my-confirm-tall' });
移动端适配时行高的额外注意点
安卓微信、iOS Safari 对 line-height 计算有差异，尤其含中文或换行文本时容易出现截断或错位：
- 避免用无单位数值（如
line-height: 2），改用em或px（如line-height: 1.8em） - 如果内容含
white-space: normal（layui 默认是，但自定义 skin 可能覆盖） - 真机测试时重点看多行文本最后一行是否被裁掉——这往往是
padding和line-height组合导致容器高度计算偏差
这时候别只调 line-height，配合微调 padding-top / padding-bottom 更可靠。
行高这事看着小，但混着 font-size、padding、box-sizing、甚至 iOS 的字体渲染一起动，很容易改了一处崩三处。建议所有自定义弹窗统一用 skin + 外部 CSS 控制，别在 content 字符串里塞 style。
