2012-07-11 50 views
6

我想在中心對齊文本的Javascript警告框中顯示三行文本。警告框中的選項卡' t'與Chrome不兼容

我使用下面的代碼,

alert(
    '\t\t\t\t'+"Congratulations!" + '\n\t' + 
    "You are now subscribed with test.com!" + '\n' + 
    "Keep on eye out on your inbox for future updates from us!" 
); 

它的正常工作與Firefox。但在Chrome中,選項卡(\t)字符不起作用。文本在所有行中保持對齊。請幫忙。

+3

你真的不應該依賴於'警報文本定位()'框。你也不應該使用警告框來告訴他們訂閱的人。只要在頁面上留言。 – Amber 2012-07-11 05:05:55

+1

alertbox是waaaaaay老人!嘗試其他很酷的東西,比如colorbox http://www.jacklmoore.com/colorbox,alertbox也是瀏覽器的一部分,它具有最小的樣式功能 – coolguy 2012-07-11 05:07:24

回答

2

作爲一種變通方法,您可以使用多個空格代替。如..

<script> 
    alert('Food:\n Apples\n Bread\n Carrots'); 
</script> 

工作的示例:

$(function(){ 
 
    $('#btnShowAlert').on('click', function(){ 
 
    alert('Food:\n Apples\n Bread\n Carrots'); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="btnShowAlert">Show Alert</button>