52 votos

Coloca un botón alineado a la derecha

Utilizo este código para alinear a la derecha un botón.

Pero las etiquetas

ocupan mucho espacio, así que busco hacer lo mismo con o

.

11voto

phan kosal Puntos 281
    Haz clic!

8voto

Tom Brito Puntos 5485

Para mantener el botón en el flujo de la página:

(pon ese estilo en un archivo .css, no uses este html en línea, para un mejor mantenimiento)

6voto

schlebe Puntos 1986

No siempre es tan simple y a veces la alineación debe ser definida en el contenedor y no en el elemento de Botón en sí mismo!

Para tu caso, la solución sería

Me he asegurado de especificar width=100% para estar seguro de que

tome todo el ancho de su contenedor.

También he añadido padding:0 para evitar espacio antes y después como con el elemento

.

Puedo decir que si

está definido en el pie de una tabla de FSF/Primefaces, ¡el float:right no funciona correctamente porque la altura del Botón será mayor que la altura del pie de página!

En esta situación de Primefaces, la única solución aceptable es usar text-align:right en el contenedor.

Con esta solución, si tienes 6 Botones para alinear a la derecha, ¡solo debes especificar esta alineación en el contenedor! :-)

5voto

Irshad Puntos 51

Otra posibilidad es usar un posicionamiento absoluto orientado a la derecha. Puedes hacerlo de esta manera:

style="position: absolute; right: 0;"

0voto

Ruben Puntos 9

En mi caso el

funcionó correctamente

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X