欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

vertical-align各属性对比_html/css_WEB-ITnose

程序员文章站 2022-05-03 21:28:13
...
测试用代码

vertical-align各属性对比_html/css_WEB-ITnosexg

默认的是按baseline对齐

去掉图片试试:

这里xg span的高度是60,68的高度是line-height,上图高72是图片把div撑开了,可以看出span的底部到baseline的距离是8

给img添加 vertical-align:bottom; 后:

图片和div的底边对齐

vertical-align:text-bottom

对齐

vertical-align:sub;

和vertical-align:bottom;类似,但是更低一些

vertical-align:middle;

图片偏下了

将img的height改成1试一试

原来是跟x居中对齐了