javascript - 如何在 JavaScript 的警报框中将消息居中？

Question

假设我有一条警报消息，例如：

 alert("Message");

执行此命令时，会弹出一个警告框，但消息与警告框的左侧对齐。

有没有办法让这条消息在警报框中居中？

Answer 1

好吧，您应该知道的一件事是您无法设置警报框的样式。它是系统对象而不是 CSS 东西。

---

如果您仍想使用 alert 并想将文本从左向右移动，请使用\t选项卡。您可以计算出一行要使用多少个字符，然后将文本包含在\ts 中。

例如：

\t This text will be centered \t\n
\t in the middle of the alert \t

它并不完美，但它与可以将文本移动到 alertBox 中心的效果一样接近。

\t适用于 Firefox，但不适用于 Chrome。我喜欢 Chrome，但作为一名 Web 开发人员，这让我很头疼。

---

仅供参考：您也可以创建自己的。例如，

jQuery UI 对话框

看看这里：演示

这些天我用来显示消息的最好方法是使用 toast 消息。它们会弹出，在漂亮的框中显示您的信息，然后以时尚的方式弹出。

看看 MATERIALIZE CSS TOASTS

Answer 2

如果您的警报消息是静态的，则在消息的开头添加多个 '\t'。

alert('\t Quantity should be less than Remaining Quantity! \n \t\t\t Remaining Quantity');

这里 \n 用于中断消息并放在下一行

Answer 3

您应该能够编辑 Javascript 的 CSS 文件并使用 Text-alight 集中内容。

#popup_container {
  font-family: Arial, sans-serif;
  font-size: 15px;
  min-width: 300px; /* Dialog will be no smaller than this */
  max-width: 600px; /* Dialog will wrap after this width */
  background: #FFF;
  border: solid 5px #999;
  **text-align:center !important;**
  color: #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
}