在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"