Layui tips弹层可通过三种方式调整文字大小和内边距：一是全局覆盖.layui-layer-tips .layui-layer-content样式并加!important；二是用skin参数配合自定义class实现多主题隔离；三是通过options.style动态注入内联样式字符串。
需要在Layui的tips弹层中调整文字大小和内边距，让提示信息更清晰易读、符合UI规范，避免默认紧凑排版导致文字挤在一起或字号过小看不清。
直接覆盖.layui-layer-content样式
这一步操作起来很简单，直接把CSS规则加到页面全局样式里就行。Layui的tips结构固定为<div class="layui-layer layui-layer-tips"><div class="layui-layer-content">文字</div></div>，所以只需精准作用于.layui-layer-tips .layui-layer-content即可生效。
在你的CSS文件或<style>标签中添加以下代码：
.layui-layer-tips .layui-layer-content { font-size: 14px !important; padding: 8px 12px !important; word-break: break-all; }
注意不要只写padding-top或padding-left，否则左右边距可能塌陷，导致文字贴边；【必须加 !important】，因为Layui内部未对tips内容区域设内联样式，但后续版本若引入，!important能确保覆盖力不被破坏。
用skin参数配合自定义class（推荐用于多主题场景）
当你需要不同业务模块使用不同字号/内边距（比如后台管理用14px，客户前台用16px），用skin参数隔离样式最稳妥，不影响其他tips实例。
第一步：调用layer.tips时传入skin参数，例如：layer.tips('请输入用户名', '#username', { tips: [3, '#FF5722'], skin: 'tips-lg' });
第二步：在CSS中定义该skin对应的样式：.tips-lg .layui-layer-content { font-size: 16px !important; padding: 10px 16px !important; }
这个方法的好处是样式作用域明确，改一个class不会波及其他tips；【skin值必须是合法CSS类名，不能含空格或特殊字符】，否则选择器失效，提示仍用默认样式。
动态注入style字符串（适合单次临时调整）
如果只是某一处tips需要特殊处理，不想动全局CSS或新增class，可用options.style参数直接传样式文本。
方法一：内联样式写法
layer.tips('保存成功', '#saveBtn', {
tips: [2, '#1890FF'],
style: 'font-size: 15px; padding: 6px 10px;' // 注意这里不加 !important 也生效
});
方法二：完整选择器写法（兼容性更强）
layer.tips('加载中...', '#loading', {
tips: [1, '#FAAD14'],
style: '.layui-layer-content{font-size:13px!important;padding:4px 8px!important;}'
});
这种方法无需额外CSS，适合快速验证效果；但注意style字符串中不能换行，否则JS解析报错，所有样式必须写在同一行内。
