为了账号安全,请及时绑定邮箱和手机立即绑定
难道下面的同学是一点代码都没敲过的吗?听着老师的课程觉得很受用啊,你们居然说听不懂?
.button{
display: inline-block;text-align: center;width: 120px;height:32px;padding:15px;background-color: lightblue;border-radius: 5px;font-size: 23px;
}

<div class="button" style="line-height: 0">行高0</div>
<div class="button" style="line-height: 32px;">行高正常</div>
最重要的不是学他教的css知识,而是学为了搞懂一个css属性去追根溯源的精神
字符有下沉特性,img元素vertical-align-middle只是近似居中(字符font-size越大,越为明显)
你让我看到你,我保证不打死你
知识点总结的不错,可是发现讲课老师的逻辑和说话语气。。。把人搞晕了,听的好难受。
vertical-align 有效于内联元素.
第一次评论就给“张老师”了,内容都是干货,这语气。。瞬间没办法好好过年了
非常棒,但是无法完全听懂
虽然不明白原理先记下了 Thank 有
辅助元素i的作用没讲清楚啊,i是inline-block元素,他的元素中心线和父元素中心线对齐,100%的高度刚好撑开父元素的line-box,使父元素的中心线就是在block的中间
没有代码就这样听感觉不如看老师的博客好
开口脆。。。
line-height:0的中心线基线在字符或图片的下边缘,对齐的时候字符元素会撑出一个高度
img有个默认的font-size,明白了,对齐的时候是用基线上1/2字符hight对齐,里面font-size的调整是x和图片都改变了
课程须知
既适合学习过CSS基础知识的新手深入学习,也欢迎有经验的小伙伴加深了解噢!
老师告诉你能学到什么?
教你区别vertical-align与line-height; 深入讲解vertical-align各类属性值; 帮你理解vertical-align前后不一的作用机制; 了解vertical-align的糟糕兼容性; vertical-align的实际应用。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消