Cómo hacer que el botón llene la celda de la tabla

1 minuto de lectura

Avatar de usuario de Red Cricket
grillo rojo

Tengo este HTML…

<p align='center'>
<table width="100%">
<tr>
<td align='center'><form><input type=submit value="click me"></form></td>
</tr>
</table>
</p>

… lo que da como resultado una tabla y un botón que se ve así …

boton que no llena tabla

… lo cual está bien, pero ¿cómo haría que el botón llenara toda la celda?

¡Gracias!

  • mira esto

    – Mandar

    11 de septiembre de 2012 a las 4:46

Avatar de usuario de Solo
Solo

Para principiantes:

<p align='center'>
<table width="100%">
<tr>
<td align='center'><form><input type=submit value="click me" style="width:100%"></form></td>
</tr>
</table>
</p>

Tenga en cuenta que si el ancho del botón de entrada es del 100 %, ya no necesitará el atributo “align=’center'”.

Esta sería la solución óptima:

<p align='center'>
<table width="100%">
<tr>
<td><form><input type=submit value="click me" style="width:100%"></form></td>
</tr>
</table>
</p>

  • Gracias. ¿Necesitaría altura: 100% también? si es así, ¿usaría esto: style=”width:100%;height:100%” ?

    – Grillo rojo

    11 de septiembre de 2012 a las 4:58


  • Solo necesitaría hacer eso si la altura de su elemento

    es mayor que la altura del elemento . Definitivamente podrías hacer eso.

    – Solo

    11 de septiembre de 2012 a las 5:01

    ¿Ha sido útil esta solución?