layer.open 的 content 参数中文字两端对齐需同时设置 text-align: justify、white-space: normal 和 text-align-last: justify，且必须用带样式的 html 字符串（如 div）传入，纯文本或 msg/alert/tips 等其他弹层不支持该效果。
layer.open 的 content 参数里文字怎么左右两端对齐
直接加 text-align: justify 不生效，是因为 layui 默认给弹出层内容容器加了 white-space: nowrap 和固定 width，导致文字无法换行、自然也就没法“两端对齐”。
实操上必须同时处理三件事：
- 确保内容区域允许换行：
white-space: normal - 设置文本对齐方式：
text-align: justify - 给最后一行也强制撑满（可选但推荐）：
text-align-last: justify
最稳妥的做法是用 content 传入带内联样式的 <div>，而不是纯字符串：<pre class="brush:php;toolbar:false;">layer.open({
content: '<div style="text-align: justify; white-space: normal; text-align-last: justify; padding: 15px;">这是一段需要左右两端对齐的文字，它会自动在每行首尾对齐，前提是容器宽度足够且文字能正常换行。</div>',
area: ['400px', 'auto']
});</pre>
<h3>用 skin 自定义样式时 text-align: justify 失效的原因</h3>
<p>很多人改了 <code>skin 对应的 CSS 类，却发现文字还是左对齐——问题出在 Layui 的默认样式权重太高，比如 .layui-layer-content 里有 text-align: left !important。
要覆盖它，必须提高选择器优先级或加 !important：
- 不要只写
.my-layer .layui-layer-content { text-align: justify; } - 改成
.my-layer .layui-layer-content, .my-layer .layui-layer-content * { text-align: justify !important; } - 同时补上
white-space: normal !important，否则中文段落仍可能挤成一行
注意：如果内容里有按钮、图标等内联元素，text-align-last 对它们无效，需单独处理子元素布局。
移动端下 justify 对齐异常或不触发
Android WebView 和部分 iOS Safari 版本对 text-align: justify 支持不一致，尤其短句、数字、标点多的文本容易失效。
兼容性方案不是“强行加样式”，而是换思路：
- 避免在
<p></p>或纯文本节点上直接用justify，改用<div> 包裹并设 <code>display: flex; justify-content: space-between;模拟（适合两词/三词短句） - 对长段落，用 JS 补空格（慎用）：在每个中文字符后插入零宽空格
，再配合text-align: justify - 更实际的做法：放弃严格两端对齐，用
text-align: left+ 左右留白 + 行高优化，视觉上更稳 - 提前把文字处理成带
的格式，再传给layer.msg（但效果不可控，换行逻辑丢失）
layer.msg / layer.alert 里能不能用 justify
不能直接用。因为 layer.msg 和 layer.alert 的内容区是只读文本节点，Layui 内部用 innerText 渲染，不解析 HTML 标签，你传进去的 <div style="..."> 会被当纯文本显示出来。<p>如果真需要对齐，只有两个办法：</p>
<ul>
<li>改用 <code>layer.open，自己控制 content 结构
真正容易被忽略的是：Layui 的 layer.tips 也不支持 HTML 内容，所有非 open 类型的弹层，都受限于它的内部渲染机制——想自由控制排版，layer.open 是唯一出口。
