如何更改 Sweetalert 框中的文本位置？答案

【问题标题】：How can i change text position on sweetalert box?如何更改 Sweetalert 框中的文本位置？
【发布时间】：2022-05-11 20:42:34
【问题描述】：

我正在尝试将文本放置在我的 Sweetalert 框的左侧。请问我该怎么做？

图片在随员，我想把文字放在左边。 Actual view

我的脚本：

    Swal.fire({
    title:'<strong>Info produit : '+data.id+'</strong>',
    type: 'info',
    html: '<b>Designation : </b>'+data.designation+'<br><b>Unite : </b>'+data.unite+'<br><b>Prix : </b>'+data.prix+'<br><b>Categorie : </b>'+data.categorie+'<br><b>Sous Categorie : </b>'+data.sous_categorie+'<br><b>Fournisseur : </b>'+data.fournisseur+'<br><b>Statut : </b>'+data.statut,
    showCancelButton: false,
                    })

【问题讨论】：

标签： sweetalert2

【解决方案1】：

Swal.fire({
  html: '<div class="align-left">text aligned left</div>',
})

.align-left {
  text-align: left;
}

&lt;script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"&gt;&lt;/script&gt;

【讨论】：