JavaScript अलर्ट बॉक्स को केंद्र में करने के लिए, आपको कस्टम अलर्ट बॉक्स का उपयोग करने की आवश्यकता है। उसके तहत, इसे तदनुसार स्टाइल करें और इसे केंद्र में स्थित करें। इसे प्राप्त करने के लिए "top" और "left" CSS प्रॉपर्टी का उपयोग करें। उन्हें 50% पर सेट करें, लेकिन जैसा कि आप नीचे बटन देख सकते हैं, इसलिए सही संरेखण के लिए प्रॉपर्टी को 40% पर सेट करें।
उदाहरण
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> function functionAlert(msg, myYes) { var confirmBox = $("#confirm"); confirmBox.find(".message").text(msg); confirmBox.find(".yes").unbind().click(function() { confirmBox.hide(); }); confirmBox.find(".yes").click(myYes); confirmBox.show(); } </script> <style> #confirm { display: none; background-color: #F3F5F6; color: #000000; border: 1px solid #aaa; position: fixed; width: 300px; height: 100px; left: 50%; margin-left: -100px; padding: 10px 20px 10px; box-sizing: border-box; text-align: center; } #confirm button { background-color: #FFFFFF; display: inline-block; border-radius: 12px; border: 4px solid #aaa; padding: 5px; text-align: center; width: 60px; cursor: pointer; } #confirm .message { text-align: left; } </style> </head> <body> <div id="confirm"> <div class="message">This is a warning message.</div> <button class="yes">OK</button> </div> <input type="button" value="Click Me" onclick="functionAlert();" /> </body> </html>
