jQuery Confirm插件是一款方便易用的彈出窗口插件,可以讓你快速添加一個美觀的確認對話框或提示框。但默認情況下,彈出窗口并沒有居中對齊,下面介紹一下如何讓彈出窗口居中顯示。
$.confirm({ title: '提示', content: '您確定要刪除嗎?', buttons: { 確定: { btnClass: 'btn-primary', action: function () { //刪除操作 } }, 取消: { btnClass: 'btn-secondary', action: function () {} } } }); //添加以下代碼即可 $('.jconfirm-box').css('margin', '0 auto');
以上代碼會將彈出窗口的外邊距設置為自動,由此達到了居中顯示的效果。當然,也可以將CSS代碼添加到樣式表中,實現更好的重用性。
除此之外,jQuery Confirm插件還提供了許多其他的常用功能,比如自定義彈出窗口的樣式、添加動畫效果、設置對話框的寬度、高度,以及監聽對話框的各種事件等等。在實際使用中,您可以根據實際需要進行配置。
上一篇前端css字典
下一篇前端css實訓日志怎么寫