CSS'de tablo td'de merkez resmi

Bir görüntüyü tablonun ortasına hizalamaya çalışıyorum td. Margin-left'i belirli bir değere ayarlamakla çalıştı ama aynı zamanda td'nin boyutunu da artırdı ve bu tam olarak istediğim şey değildi

Bunu yapmanın etkili bir yolu var mı? Tablonun yüksekliği ve genişliği için yüzdeler kullandım.

<td align="center">

veya artık tercih edilen yöntem olan css ile ...

<td style="text-align: center;">

CSS'de html5 için yapmanın basit yolu:

td img{
    display: block;
    margin-left: auto;
    margin-right: auto;

}

Benim için mükemmel çalıştı.

Kenar boşluğunu kullanarak bir div'i td içinde ortalayın, işin püf noktası div genişliğini resim genişliğiyle aynı yapmaktır.

<td>
    <div style="margin: 0 auto; width: 130px">
          <img src="me.jpg" alt="me" style="width: 130px" />
    </div>
</td>

Bu benim için sorunları çözdü:

<style>
.super-centered {
    position:absolute; 
    width:100%;
    height:100%;
    text-align:center; 
    vertical-align:middle;
    z-index: 9999;
}
</style>

<table class="super-centered"><tr><td style="width:100%;height:100%;" align="center"     valign="middle" > 
<img alt="Loading ..." src="/ALHTheme/themes/html/ALHTheme/images/loading.gif">
</td></tr></table>

<table style="width:100%;">
<tbody ><tr><td align="center">
<img src="axe.JPG" />
</td>
</tr>
</tbody>
</table>

veya

td
{
    text-align:center;
}

CSS dosyasında

autoCss'nizde resminizin bir sabitini ayarlayın ve resme bir -margin / padding ekleyin ...

div.image img {
    width: 100px;
    margin: auto;
}

Veya text-alignmerkeze ayarlayın ...

td {
    text-align: center;
}

td image 
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

<th>Bunun yerine başka bir seçenek kullanmaktır <td>. <th>varsayılanlar merkeze; <td>varsayılanlar sola.

İnternetteki analizlerime ve aramalarıma göre, görüntüyü dikey olarak ortalamanın bir yolunu bulamadım <div>, yalnızca kullanmak mümkündü <table>çünkü tablo aşağıdaki özelliği sağlıyor:

valign="middle"