在CSS中的表td中心图像

我一直在尝试将图像与表格中心alignment。 它将margin-left设置为一个特定的值,但也增加了td的大小,这不是我想要的

有没有有效的方法来做到这一点? 我用百分比来表示身高和身高。

<td align="center"> 

或通过CSS,这是首选的方法… …

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

简单的方法来做到这一点在HTML5的CSS:

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

为我完美工作。

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

要么

 td { text-align:center; } 

在CSS文件中

这个固定的问题对我来说:

 <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/ALHThemehttp://img.dovov.comloading.gif"> </td></tr></table> 

居中使用边距td内的div,诀窍是使div的宽度相同的图像宽度。

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

在你的CSS中设置一个固定的图像,并在图像上添加一个auto边距/填充…

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

或者将text-align设置为中心…

 td { text-align: center; } 

根据我在互联网上的分析和search,我也找不到一种方法来垂直居中使用“DIV”的图像,只能使用“表”,因为表提供以下属性:

 valign="middle"