vertical-align是用来设置行内元素对齐方式的。说白了就是display属性值为inline、inline-block、inline-table另加一个table-cell的元素。
有哪些可以设置的值呢
一、 基线相关
基线的位置并不是固定的：
打开网易新闻 查看精彩图片
- 在文本之类内联元素中，基线是字符x的下边缘位置
- 在像img元素中基线就是下边缘。
- 在inline-block元素中，也分两种情况
- 如果该元素中有内联元素，基线就是最后一行内联元素的基线。
- 如果该元素内没有内联元素或者overflow不是visible，其基线就是margin的地边缘。
如果理解了基线的概念，那么我们来看基线相关的设置
baseline：默认值，就是基线对齐
top：（内联）元素的顶边和行内最高元素的顶边对齐
bottom：元素的底边和行的底边对齐
- middle：元素上下边的中心点和行基线向上1/2的高度位置对齐。
部分内容来源网络 如有侵权联系删除
热门跟贴