Comment faire pour aligner les éléments dans un td?

C'est une partie de mon tableau. J'ai un bouton et de 2 images dans le td. Je veux les déplacer vers le centre. Comment dois-je faire? J'ai essayé de rembourrage, de la marge. Mais ils ne fonctionne pas.

<td align="center" style="width: 200px;">

  <input type="button" name="submit" onClick="mySubmit();"
         style="position: relative; float: left; top: 10%" value=" GO ">

  <a href="#" style="position: relative; float: left; top: 2%;" onClick="mySubmit();">
    <img src="../images/refresh.png" style="position:relative;">
  </a> 

  <input type="checkbox"  name="upsCheckbox" id="upsCheckbox" onChange="setRefresh(this.checked)"/>

  <a href="#" style="position: relative; float: left; top: 2%;" onClick="enterFullscreen();">
    <img src="../images/FullScreen.jpg" style="position: relative; top:2%;">
  </a>

</td>

Avez-vous essayé tout simplement la mise en text-align: center à la <td> tag?
oui.. même cela ne fonctionne pas
avez-vous essayé vertical-align: middle sur <td> tag?
sa ne fonctionne pas parce que vous jouez avec position bien...Si vous avez besoin de définir top left right et bottom propriété en conséquence.
Essayer <td style="text-align: center;">

OriginalL'auteur Anusha Honey | 2013-09-11

css html

Exemple: http://jsfiddle.net/VEJk7/

Simplifié HTML:

<table>
  <tr>
    <td style="width: 400px;">
      <input type="button" value=" GO ">
      <a href="#"><img src="1.jpg"></a> 
      <input type="checkbox">
      <a href="#"><img src="2.jpg"></a>
    </td>
  </tr>
</table>

CSS:

td {
    vertical-align: middle;
    text-align: center;
}

td a, td input, td img {
    vertical-align: middle;
    display: inline-block;
}

OriginalL'auteur biziclop

2

je pense que vous voulez horizontalement centre ... text-align:center fera l'affaire

CSS::
```
td input[name="submit"], td input[name="upsCheckbox"]{

   text-align:center;

}
```
OriginalL'auteur Ritabrata Gautam

Peut-être que je n'avais pas compris ta question exactement, mais j'ai édité votre code comme suit:

<table>
<td align="center" style="background-color: green; width: 200px;" >
    <input type="button" name="submit" onClick="mySubmit();" value="GO " />
    <a href="#" onClick="mySubmit();">
         <img src="../images/refresh.png" />
    </a> 
    <a href="#" onClick="enterFullscreen();" >
        <img src="../images/FullScreen.jpg" />
    </a>
    <input type="checkbox"  name="upsCheckbox" id="upsCheckbox" onChange="setRefresh(this.checked)"/>
 </td>
</table>

ici est le violon : (http://jsfiddle.net/bf26T/)

Quelle partie avez-vous modifié? Pouvez-vous plus de détails sur la solution?
J'ai supprimé les attributs de style, a ajouté la barre oblique de fin de balises".

OriginalL'auteur Farid Imranov

Vous pouvez voir une nouvelle div a été ajouté à l'intérieur de TD avec de la marge de l'auto et de la largeur..

HTML

<td align="center" style="width: 200px">
    <div style="margin:auto;width:120px;">
              <input type="button" name="submit" onClick="mySubmit();" style="position:relative;float:left;top:10%"value=" GO ">
              <a href="#" style="position:relative;float:left;top:2%;" onClick="mySubmit();">
                    <img src="../images/refresh.png" style="position:relative;">
              </a> 
              <input type="checkbox"  name="upsCheckbox" id="upsCheckbox" onChange="setRefresh(this.checked)"/>
              <a href="#" style="position: relative;float:left;top:2%;" onClick=" enterFullscreen();">
                  <img src="../images/FullScreen.jpg" style="position: relative;top:2%;">
              </a>
   </div>
</td>