96
Para todas las entradas predeterminadas, el texto que completa comienza a la izquierda. ¿Cómo haces que comience a la derecha?¿Cómo alinear los textos dentro de una entrada?
A
Respuesta
163
utilizar la propiedad text-align en tu CSS:
input {
text-align: right;
}
Esto tendrá efecto en todas las entradas de la página.
De lo contrario, si desea alinear el texto de una sola entrada, ajuste el estilo en línea:
<input type="text" style="text-align:right;"/>
8
input[type=text] { text-align:right }<form>
<input type="text" name="name" value="">
</form>
13
Prueba esto en tu CSS:
input {
text-align: right;
}
Para alinear el texto en el centro:
input {
text-align: center;
}
embargo, cabe alineado a la izquierda, ya que es el valor por defecto - y parece ser el más fácil de usar.
-3
Sin CSS: Utilice la propiedad de estilo de entrada de texto
style = "text-align: right;"
+8
Esto sigue siendo css, solo en línea css. –
+1
El atributo de estilo se utiliza para crear CSS en línea. El código 'text-align: right' es definitivamente CSS. –
+1
Además, no codifique en mayúsculas; ( – elli0t
4
La respuesta aceptada aquí es correcta, pero me gustaría añadir un poco de información. Si está utilizando una biblioteca/framework como bootstrap, puede haber clases integradas para esto. Por ejemplo, bootstrap usa la clase text-right. Utilizar de esta manera:
<input type="text" class="text-right"/>
<input type="number" class="text-right"/>
Como nota esto funciona en otros tipos de entrada, así como numérico como se muestra arriba.
Si no está utilizando un buen framework como bootstrap, puede crear su propia versión de esta clase de ayuda. Similar a otras respuestas, pero no vamos a agregarlo directamente a la clase de entrada, por lo que no se aplicará a cada entrada en su sitio o página, este podría no ser el comportamiento deseado. Por lo tanto, esto crearía una clase de CSS agradable y sencilla para alinear correctamente las cosas sin necesidad de un estilo en línea o que afecte a cada cuadro de entrada.
.text-right{
text-align: right;
}
Ahora puede utilizar esta clase exactamente lo mismo que las entradas anteriores con class="text-right". Sé que no está guardando muchas pulsaciones de teclas, pero hace que su código sea más limpio.
Cuestiones relacionadas
- 1. ¿Cómo alinear los campos de formulario dentro de una tabla para la edición en línea?
- 2. Extraiga los nombres de los textos (Java)
- 3. center one div dentro de otro div - alinear los centros
- 4. Cómo hacer que TextView tenga el mismo tamaño independientemente de los textos dentro de
- 5. Cómo alinear los círculos de los mapas en el mapa
- 6. Alinear texto dentro de un diagrama
- 7. Alinear contenidos dentro de un div
- 8. Cómo alinear los componentes JSF al centro
- 9. Latex - \ multicolumn dentro de un entorno * alinear
- 10. ¿Cómo alinear verticalmente texto en tipo de entrada = "texto"?
- 11. entrada css alinear con el botón
- 12. ¿Cómo alinear el texto dentro de TextView en Android?
- 13. ¿Cómo alinear los nombres de los miembros de la clase C++ en una columna en emacs?
- 14. ¿Cómo puedo alinear verticalmente un TextBox dentro de un StackPanel?
- 15. ¿Cómo puedo clonar una fila en una tabla sin clonar los valores de los elementos de entrada dentro de ella?
- 16. Obtener todos los elementos de bloque DOM para textos seleccionados
- 17. Cómo alinear automáticamente los comentarios en .NET?
- 18. ¿Alguna manera de reducir el tamaño de los textos?
- 19. ¿Cómo puedo truncar textos largos en una tabla usando CSS?
- 20. ¿por qué la clase phpmailer hace eco de los textos?
- 21. Cómo deshabilitar los puntos suspensivos de los textos de celda en WindowsForms DataGridView?
- 22. ¿Cómo alinear verticalmente un div dentro de una celda de tabla?
- 23. ¿Cómo se puede alinear verticalmente el texto de varias líneas dentro de una lista?
- 24. ¿Cómo puedo alinear una imagen dentro de un ImageView en la parte inferior de ImageView?
- 25. ¿Cómo puedo alinear rápidamente los controles en una ventana de WPF?
- 26. Mover el texto dentro de una entrada de texto
- 27. dos campos de entrada dentro de una etiqueta
- 28. ¿Cómo puedo alinear el texto directamente debajo de una imagen?
- 29. Alinear las etiquetas en el formulario junto a la entrada
- 30. ¿Cómo alinear verticalmente un elemento dentro de una lista usando el diseño relativo?
Esto está cambiando los campos para que sea compatible con un lenguaje de derecha a izquierda? –