警报框消息将显示在一行中

时间:2016-06-22 08:18:06

标签: javascript jquery html alert message

在JavaScript中,我希望在一行中显示警告消息(更改警报框的大小而不是将消息分成多行)。有没有办法做到这一点?

这是我现在收到的警告信息。消息的内容很好。但是在"流定义:"之后,它将显示在一行中,我想知道是否有任何可能的方式来显示消息的其余部分,这是实际的流定义所有在一行?

Current alert message

2 个答案:

答案 0 :(得分:1)

您无法通过纯css更改警报框的样式,因为它是前面提到的系统对象。

我有一些链接可以查看自定义提示框:

enter image description here
Stylish JavaScript Dialog (Alert, Confirm, Prompt) Boxes clear all; close all; clc; a1 = 1; a2 = 1; c1 = 2.0; c2 = 1.8; time = 0:0.1:300; wave1 = a1 * sin(c1*time); wave2 = a2 * sin(c2*time); wave3 = wave1 + wave2; y = hilbert(wave3); env = abs(y); bound = 0.1*cos(0.2*time-pi); plot(time,wave3,'k',time,[-1;1]*env,'--k',time,bound,'-.r', 'Linewidth',1.2); ylabel(' $\eta$ (m)'); xlabel(' Time (s)'); legend = legend({'Short waves','Wave group envelope','Bound long wave'}); set(legend, 'FontSize',20); axis([15.7 110 -2.5 2.5]);
Sweet alert <-- I prefer and use this one myself. It is really simple and looks really nice in my opinion.
boot box <-- has been mentioned before, it is quite nice but a little more advanced and more code

希望这能帮到你一点点。 Goodluck,如果有任何需要帮助的话。 Commnt,我会尽力帮助你。

修改

你需要a tutorial by Adam Khoury
然后加载文件:
<-- I don't know if you know this guy, but he is amazing in explaining coding stuff. He has a tutorial about Custom Alert Box Programming Tutorial {
{1}}   

然后打电话给弹出窗口

<script src="dist/sweetalert.min.js"></script>

答案 1 :(得分:0)

警告框是系统对象。你不能修改它的风格。 (我猜不容易)。 如果您需要可自定义的警报,请查看bootbox: http://bootboxjs.com/