Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在JavaScript中将消息集中在警报框中?_Javascript_Alert - Fatal编程技术网

如何在JavaScript中将消息集中在警报框中?

如何在JavaScript中将消息集中在警报框中?,javascript,alert,Javascript,Alert,假设我有一条警告消息,如: 警报(“消息”)嗯,您应该知道的一件事是,您不能设置警报框的样式。 它是系统对象,而不是css对象 如果仍要使用alert并要将文本从左向右移动,请使用\t,这是一个选项卡。您可以计算出一行中要使用的字符数,然后将文本封装在\ts中 例如: 虽然它并不完美,但它与在alertBox中将文本移动到中心的功能非常接近 \t适用于Firefox,但不适用于Chrome。我喜欢Chrome,但作为一名网络开发人员,这是一件令人头疼的事 仅供参考:您也可以创建自己的。比如

假设我有一条警告消息,如:


警报(“消息”)嗯,您应该知道的一件事是,您不能设置警报框的样式。
它是系统对象,而不是css对象


如果仍要使用alert并要将文本从左向右移动,请使用
\t
,这是一个选项卡。您可以计算出一行中要使用的字符数,然后将文本封装在
\t
s中

例如:

虽然它并不完美,但它与在alertBox中将文本移动到中心的功能非常接近

\t
适用于Firefox,但不适用于Chrome。我喜欢Chrome,但作为一名网络开发人员,这是一件令人头疼的事


仅供参考:您也可以创建自己的。比如说,

请看这里:

这些天来,我用来显示消息的最好方法就是使用toast消息。它们会弹出,在漂亮的盒子中显示您的信息,然后以流畅的方式弹出

看看

您应该能够编辑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; 
}

如果警报消息是静态的,则在消息开头添加多个“\t”

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

此处\n用于断开邮件并放置在下一行

在邮件前后添加空格(或制表符)。创建您自己的自定义邮件框或使用JQueryUI之类的库。我认为这不符合我的目的。不同消息的每个警报框都需要不同数量的空格。老实说,这不是一个解决办法!你似乎无法格式化文本框。你可以尝试使用一个对话框窗口,然后你可以格式化任何你想要的want@LoganMurphy你能告诉我更多关于创建自定义消息框的信息吗?这应该可以用了?它在我的Ubuntu的Firefox上不起作用#popup_容器是默认名称吗?如何“编辑Javascript的CSS文件”?这和我的网站的css不一样吗?
alert
对话框不是DOM的一部分,不能作为css的目标。
alert('\t Quantity should be less than Remaining Quantity! \n \t\t\t Remaining Quantity');