vertical-align是用来设置行内元素对齐方式的。说白了就是display属性值为inline、inline-block、inline-table另加一个table-cell的元素。
有哪些可以设置的值呢
一、 基线相关
基线的位置并不是固定的:
- 在文本之类内联元素中,基线是字符x的下边缘位置
- 在像img元素中基线就是下边缘。
- 在inline-block元素中,也分两种情况
- 如果该元素中有内联元素,基线就是最后一行内联元素的基线。
- 如果该元素内没有内联元素或者overflow不是visible,其基线就是margin的地边缘。
如果理解了基线的概念,那么我们来看基线相关的设置
baseline:默认值,就是基线对齐
top:(内联)元素的顶边和行内最高元素的顶边对齐
bottom:元素的底边和行的底边对齐
- middle:元素上下边的中心点和行基线向上1/2的高度位置对齐。
部分内容来源网络 如有侵权联系删除
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.