次のようなアラートメッセージがあるとします。
alert("Message");
このコマンドを実行すると、アラートボックスがポップアップしますが、メッセージはアラートボックスの左側に配置されます。
このメッセージをアラートボックスの中央に配置する方法はありますか?
アラートメッセージが静的である場合は、メッセージの先頭に複数の「\ t」を追加します。
alert('\t Quantity should be less than Remaining Quantity! \n \t\t\t Remaining Quantity');
ここで\ nは、メッセージを分割して次の行に配置するために使用されます
知っておくべきことの1つは、アラートボックスのスタイルを設定できないことです。それはシステムオブジェクトであり、cssのものではありません。
それでもアラートを使用し、テキストを左から右に移動する場合は、タブである\t
を使用します。 1行に使用する文字数を把握してから、テキストを\t
sで囲むことができます。
例えば:
\t This text will be centered \t\n
\t in the middle of the alert \t
完璧ではありませんが、alertBoxの中央にテキストを移動できるものに近いです。
\t
はFirefoxで完全に機能しますが、Chromeでは機能しません。私はChromeが大好きですが、Web開発者として、これは首の痛みです。
参考:独自に作成することもできます。例えば、
ここを見てください: [〜#〜] demo [〜#〜]
私が最近メッセージを表示するために使用した最も良いものは、トーストメッセージを使用することです。それらはポップアップし、美しいボックスにメッセージを表示してから、なめらかな方法でポップアップします。
CSSトーストのマテリアル化をご覧ください