2012-07-11 9 views
6

Quiero mostrar tres líneas de texto en un cuadro de alerta de Javascript con la alineación central del texto.Pestaña ' t' en el cuadro de alerta que no funciona con Chrome

estoy usando el siguiente código para que,

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!" 
); 

Está funcionando muy bien con Firefox. Pero en Chrome, el carácter de tabulación (\t) no funciona. Los textos se dejan alineados en todas las líneas. Por favor ayuda.

+3

Realmente no se debe confiar en el posicionamiento de texto en 'alerta()' cajas. Tampoco deberías usar un recuadro de alerta para avisarle a alguien que está suscrito. Solo ponga un mensaje en la página. – Amber

+1

alertbox es waaaaaay hombre envejecido! prueba otras cosas interesantes como colorbox http://www.jacklmoore.com/colorbox y también alertbox es una parte del navegador, que tiene funcionalidades de estilo mínimas – coolguy

Respuesta

2

Como solución alternativa, se pueden utilizar varios espacios en lugar. Ej ..

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

Un ejemplo de trabajo:

$(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>

Cuestiones relacionadas