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