web-dev-qa-db-ja.com

JavaScriptのアラートボックス内にメッセージを中央揃えする方法は?

次のようなアラートメッセージがあるとします。

 alert("Message");

このコマンドを実行すると、アラートボックスがポップアップしますが、メッセージはアラートボックスの左側に配置されます。

このメッセージをアラートボックスの中央に配置する方法はありますか?

8
Benjamin Felix

アラートメッセージが静的である場合は、メッセージの先頭に複数の「\ t」を追加します。

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

ここで\ nは、メッセージを分割して次の行に配置するために使用されます

1
Kunal Waghmare

知っておくべきことの1つは、アラートボックスのスタイルを設定できないことです。それはシステムオブジェクトであり、cssのものではありません


それでもアラートを使用し、テキストを左から右に移動する場合は、タブである\tを使用します。 1行に使用する文字数を把握してから、テキストを\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ダイアログ

ここを見てください: [〜#〜] demo [〜#〜]

私が最近メッセージを表示するために使用した最も良いものは、トーストメッセージを使用することです。それらはポップアップし、美しいボックスにメッセージを表示してから、なめらかな方法でポップアップします。

CSSトーストのマテリアル化をご覧ください

0
xxbinxx