¿Cómo se justifica a la derecha el texto en un cuadro de texto HTML?

Necesito mostrar muchos valores numéricos en columnas. Estos valores deben poder editarse fácilmente, así que no puedo mostrarlos en una tabla. Estoy usando cuadros de texto para mostrarlos. ¿Hay alguna manera de justificar a la derecha el texto que se muestra en un cuadro de texto? También sería bueno si cuando el usuario está ingresando datos para que comience a mostrar lo que escriben desde la derecha.¿Cómo se justifica a la derecha el texto en un cuadro de texto HTML?

Fuente

2008-10-03 Haabda

112

¿Usted intentó configurar el estilo:

input { 
    text-align:right; 
}

acabo de probar, esto funciona bien (en FF3 al menos):

<html> 
    <head> 
     <title>Blah</title> 
     <style type="text/css"> 
     input { text-align:right; } 
     </style> 
    </head> 
    <body> 
     <input type="text" value="2"> 
    </body> 
</html>

es probable que desee para lanzar una clase en estas entradas y usa esa clase como el selector. Me gustaría alejarme de "rightAligned" o algo así. En un nombre de clase, desea describir cuál es la función del elemento, no cómo se debe representar. "numérico" podría ser bueno, o tal vez la función comercial de los cuadros de texto.

Fuente

2008-10-03 14:03:47

¡Anticipó mi próxima pregunta! Muchas gracias por su ayuda. – Haabda

guardó mi tocino al emular una calculadora MS – Sydwell

Uso de estilos en línea:

<input type="text" style="text-align: right"/>

o, lo puso en una hoja de estilo, así:

<style> 
    .rightJustified { 
     text-align: right; 
    } 
</style>

y la referencia a la clase:

<input type="text" class="rightJustified"/>

Fuente

2008-10-03 14:05:07

Aplicar style="text-align: right" a la etiqueta de entrada Esto permitirá que la entrada esté justificada a la derecha, y (al menos en Firefox 3, IE 7 y Safari) incluso parecerá fluir desde la derecha.

Fuente

2008-10-03 14:05:48

¿Qué significa * "fluir desde la derecha" *? – ADTC

¿Cómo se justifica a la derecha el texto en un cuadro de texto HTML?

Respuesta

Cuestiones relacionadas