middle属性不居中问题.docVIP

vertical-align:middle属性不居中问题 利用vertical-align:middle来实现垂直居中了，因为class wall的div填充了整个页面，所以只要让图片在class wall的div里面垂直居中就达到目的了。以前总是以为vertical-align与text-align是同样的道理，一个是垂直居中，一个是水平居中，只要给class wall的div加上一个vertical-align:middle就能让图片垂直居中，结果一点效果也没有。事实上vertical-align与text-align完全不一样，给class wall的div加上一个text-align:center的话，毫无疑问是可以让里面的img水平居中，但vertical-align却不能这样子用。 先看一下W3C上对vertical-align的定义：vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。 必须承认这句话我看了很久才看懂说的是神马意思，我的理解是它有两种用法： 第一种用法，先看后面一句“在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。”这很容易理解，如果给一个表格的td加一个ve