如何在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');