sweetalert2 - 如何更改 Sweetalert 框中的文本位置？

Question

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

图片在随员中，我想将文本放在左边。 实际视图

我的脚本：

    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

Answer 1

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

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

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>