这两天写个页面css的时候用到了vertical-align属性。使用过程中踩到了坑，所以总结例如以下： vertical-align的定义 W3C上对vertical-align的定义：vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素 ...

. 首页 博客园 联系我 前言：关于vertical-align属性. 实践出真知. 垂直居中. 第二种用法. 留言评论 返回顶部 ...

一、为什么要写这篇文章 今天看到一个问题： 两个div 都设置 display：inline-block，正常显示；但是在第二个div中加一个块级元素或者内联元素，显示就变了个样，为什么？ 解决方案就是给第二个div加上：vertical-align:top ...

这是为什么呢！所以查找了许多资料，原来vertical-align属性只对行内元素有效，对块内元素无效！而此时就会用到display属性，大家也看到我里面有设置display属性为inline-block属性，确没有效果，那是因为将对象呈递为内联对象 ...

对于行内块（比如说图片）元素如果设置了text-align 和line-height 出现了不居中的情况下，因为图片和文字是基线对齐的。 如下图所示： 解决方案：我们需要设置图片的vertical-align属性，将这个属性设置为vertical-align:middle ...

一、摘要 　　vertical-align用来指定行内元素（inline）行内块元素（inline-block）或表格单元格（table-cell）元素的垂直对齐方式。也就是说，对于块级元素，vertical-align是不起作用的。 二、作用 1.实现多行文本垂直居中 ...

　　这两天写个页面css的时候用到了vertical-align属性，使用过程中踩到了坑，所以总结如下： 　　1.vertical-align的语法 vertical-align属性的具体定义列表如下： 　　语法： vertical-align : baseline ...

： 二、元素垂直对齐属性---vertical-align 　　vertical-align 属性设置 ...