gpt4 book ai didi

javascript - SweetAlert 文本格式

转载 作者:行者123 更新时间:2023-12-03 11:26:02 27 4
gpt4 key购买 nike

我正在使用 sweetAlert 进行对话框显示。在我的对话框中,我必须显示一个大字符串,中间有换行符。我的示例字符串如下:

var str="Task1Name          :    Success  :   statusCode\n 
Task2NameLonger : Failed : statusCode\n"

等等。所以,基本上,我希望它们中的每一个都在一个新行中并且空格匹配。当我使用 sweetalert 对话框时,换行符会正确显示,但文本会自动对齐到中心并且间距会被 chop 。有人可以帮我手动设置对齐和间距吗?

最佳答案

将字符串包装成 <pre>标签可能是一个解决方案:

var str="Task1Name          :    Success  :   statusCode\n" +
"Task2NameLonger : Failed : statusCode\n";

Swal.fire({
html: '<pre>' + str + '</pre>',
customClass: {
popup: 'format-pre'
}
});
.format-pre pre {
background: #49483e;
color: #f7f7f7;
padding: 10px;
font-size: 14px;
}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>


PS。不支持原版的sweet alert插件,建议使用 SweetAlert2插入。
迁移很简单,这里是迁移指南: Migration from SweetAlert to SweetAlert2

关于javascript - SweetAlert 文本格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44383012/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com