notas - ¿Cómo se justifica a la derecha el texto en un cuadro de texto HTML?
justificar texto en html css (3)
Tengo la necesidad de 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.
¿Has intentado establecer 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>
Probablemente quiera lanzar una clase en estas entradas y usar esa clase como 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.
Aplica 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.
Usando estilos en línea:
<input type="text" style="text-align: right"/>
o, póngalo en una hoja de estilo, así:
<style>
.rightJustified {
text-align: right;
}
</style>
y hacer referencia a la clase:
<input type="text" class="rightJustified"/>