CSS:在y轴上集中元素的标准(动态)方式

Question

我的问题或多或少是不言自明的,我试图找到一种标准的动态方法来集中y轴上的元素,就像:

margin: auto;

对于x轴.有任何想法吗？

我在谈论下面的一段代码,空白页,在中心对齐一个图像.

<div id="main" style="display: block;"> 
    <img style="margin: auto; display: block;" 
    src="http://www.example.com/img.jpg" />
</div>

任何帮助将不胜感激!:)

Answer 1

只需放弃并使用此表上的表格vertical-align: middle.你可以只使用一排单细胞桌而不会感到内疚(我像个婴儿一样睡觉).这不是世界上最具语义性的东西,但是你宁愿维护什么,一个小小的细胞桌,或者弄清楚确切的高度并用负边距进行绝对定位？