为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 CSS深入理解之vertical-align 问答

CSS深入理解之vertical-align

张鑫旭 页面重构设计
查看讲师更多课程 张鑫旭讲师的其他课程
难度中级
时长 1小时49分
学习人数
综合评分9.53
115人评价 查看评价
9.7 内容实用
9.4 简洁易懂
9.5 逻辑清晰
全部 评论 问答 未解决 精华
慕数据5204465
废话真多。。。
1 1-1 vertical-align家族基本认识
2019-05-23
新鲜出炉的小白
老师讲话风格好有趣，太幽默了，很适合去当大学老师。教出来的学生肯定不差。
0 2-1 vertical-align起作用的前提
2019-05-03

vertical-align

最新回答 / 慕盖茨5287063
因为demo中三个元素(span1,span2和x)的默认对齐方式都是(baseline)，且span1的font-size最大(span1:50px,span2:20px,x:24px(左右)),所以span1靠最底，以span1的文字底为baseline对齐，反过来，你把span1和span2的font-size数值对换下，那么结果span2就会与底对齐了
1 回答 969 浏览 5-1 5. vertical-align文本类属性值
2019-04-28
weibo_用户59736453_0
我觉得设置line-height为0不是让基线上移，基线还是在原来的位置，而是使隐匿文字没有了高度，从而不会有图片下面的间隙了。
0 3-2 . vertical-align与line-height
2019-04-24
孤傲风
最后一个实践好像不行啊，当浏览器窗口缩小后会改变布局
0 2-1 vertical-align起作用的前提
2019-04-21
堇同学
鼓掌！！！
0 9-1 9. vertical-align的实际应用_x264
2019-03-25
亚里士多偷
工作这么多年了，发现自己对vertical-align仍然那么无知。惭愧。
0 9-1 9. vertical-align的实际应用_x264
2019-03-18
_蛰伏
老师的标题的 vetical-align 单词写错了 正确的是： vertical-align
0 7-1 7. vertical-align前后不一的行为表现_x264
2018-12-01

为什么图片会影响文字?这和定义不符合

最新回答 / 堇同学
（1）当图片的设置为 top ,文字设置 bottom ：    首先不是说文字会与图片的底部对齐，而是因为图片太高，高于父容器的内容高度，导致图片对齐父容器的内容文字顶部后撑开了父容器，使父容...
1 回答 1416 浏览 7-1 7. vertical-align前后不一的行为表现_x264
2018-11-30
fewer_xie
这次没有鼓掌声，差评
0 9-1 9. vertical-align的实际应用_x264
2018-09-30
DJ_Alejandro
第一个例子里的文字向上移动是因为img撑满了父元素高度导致父元素基线移动了。不是什么DOM左上角对齐。。。
3 7-1 7. vertical-align前后不一的行为表现_x264
2018-07-16
DJ_Alejandro
只需调整vertical-align的值就可以去掉默认间隙，足以说明他和line-height关系没那么密切。调整line-height只是一个途径。如果这么说，那么加上font-size是不是可以3-way了呢？？一半的时间把注意力放在“搞基”上。废话连篇！！！！！！
1 3-1 vertical-align与line-height
2018-07-16
枫中月
原来还可以这么操作，以前遇到这种情况，我都是用的相对定位。赞一个
0 9-1 9. vertical-align的实际应用_x264
2018-07-07
桃子_Lisa
我在新版的chrome下看了下，img支持padding，margin, 应该是inline-block元素吧
0 2-1 vertical-align起作用的前提
2018-06-26

还是不明白 ，为什么top后 文字的高度会上移，又不是脱离文档流。

最新回答 / 慕数据6088604
不好意思我搞明白了 是我的问题 
1 回答 1329 浏览 7-1 7. vertical-align前后不一的行为表现_x264
2018-06-14
xusiman
学到了其他地方没有讲的知识。
0 1-1 vertical-align家族基本认识
2018-05-11
首页上一页1234567下一页尾页
开始学习
课程须知
既适合学习过CSS基础知识的新手深入学习，也欢迎有经验的小伙伴加深了解噢！
老师告诉你能学到什么？
教你区别vertical-align与line-height； 深入讲解vertical-align各类属性值； 帮你理解vertical-align前后不一的作用机制； 了解vertical-align的糟糕兼容性； vertical-align的实际应用。

微信扫码，参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消