CSS深入理解之vertical-align_技术问答

首页免费课 CSS深入理解之vertical-align 问答

CSS深入理解之vertical-align

                
                张鑫旭
            页面重构设计

                    查看讲师更多课程 
                    张鑫旭讲师的其他课程
                
CSS深入理解之border
中级·56792
免费课程
                                
CSS深入理解之padding
中级·52477
免费课程
                                
CSS深入理解之margin
中级·55936
免费课程
                                
CSS深入理解之z-index
中级·40876
免费课程
                                
CSS深入理解之relative
中级·47914
免费课程
                                
CSS深入理解之line-height
中级·43082
免费课程
                                
                难度中级
            
                时长 1小时49分
            
                学习人数
            
综合评分9.53
                            115人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

就叫毛毛怎么了

哈哈，讲的挺有意思。很有帮助

0 1-1 vertical-align家族基本认识

2016-12-20

慕粉3743212

哈哈哈，0.5X确实有毒

0 1-1 vertical-align家族基本认识

2016-12-19

慕粉3743212

不懂幽默的程序员不是好的程序员，没有童心的男人没魅力，声音这种东西是声色决定的，组成一个个体的一部分

1 1-1 vertical-align家族基本认识

2016-12-19

qq_奋斗吧我的人生_0

帮助太大了，谢谢张大神！！

0 9-1 9. vertical-align的实际应用_x264

2016-12-18

bianer

那帮喷嗓音的是来听课的还是来听相声的啊

0 1-1 vertical-align家族基本认识

2016-12-17

风度翩翩李天同

看了这个才知道PPT都是用HTML写的。。。来一波66666

1 2-1 vertical-align起作用的前提

2016-12-12

慕粉4304982

是能学到东西但是老师的讲解真的不精简 sorry。。。听着好费劲。。。
话说回来老师也不是专门搞教学的但是如果能注意一下精炼语言肯定会效果更好
一家之言希望老师不要在意

3 3-1 vertical-align与line-height

2016-12-05

zjmzjmzjm

张老师的声音，让我想起来了高中的生物老师~~~课很好，感谢感谢

0 1-1 vertical-align家族基本认识

2016-12-02

宗宗

第一次看他博客真t,m傻s逼,这风格,,但是无奈干货还是有的,看着看着就习惯了,呵呵哈哈哈

0 1-1 vertical-align家族基本认识

2016-11-30

qq_喜欢阳光_04025422

咱新手，新到了很多东西，以后会少走很多bug.鼓掌

0 9-1 9. vertical-align的实际应用_x264

2016-11-29

慕沐2939074

img也是内联块吧

2 2-1 vertical-align起作用的前提

2016-11-29

慕瓜9170261

那些说幽默的，，，你没女朋友把

0 1-1 vertical-align家族基本认识

2016-11-22

南栩3198465

line-height设置为零的时候造成的现象，我是这样理解的。
由于内容区的中心是行高对等分的地方，所以当行高设置为零的时候，此时会不断的去往这个中心逼近，形成一条线。
而由于这个文本节点是在span标签里面的，也就是说，现在文本节点的高度只是一条线那么多。
但是此时，文本节点还是在span标签中，所以外面span的容器理论上还是要包含这个文本节点的，那从哪里开始包含呢，就从文本高度的起始点那里去包含，刚好文本节点这个时候的高度只是一条线，所以就出现了span标签上边框和文本中心重叠的现象。
至于baseline的位置有没有改变，个人觉得是没有的，与line-height是否为零无关。

2 3-2 . vertical-align与line-height

2016-11-22

米傻

看的懂了一部分，等以后遇到了再回顾

1 9-1 9. vertical-align的实际应用_x264

2016-11-21

米傻

十年，，，，等我十年不知道还是不是程序猿啊

4 6-1 6. vertical-align上标下标类

2016-11-21

首页上一页 8 9 10 11 12 13 14 下一页尾页

开始学习

课程须知: 既适合学习过CSS基础知识的新手深入学习，也欢迎有经验的小伙伴加深了解噢！

老师告诉你能学到什么？: 教你区别vertical-align与line-height；深入讲解vertical-align各类属性值；帮你理解vertical-align前后不一的作用机制；了解vertical-align的糟糕兼容性； vertical-align的实际应用。

微信扫码，参与3人拼团

热搜

最近搜索清空

CSS深入理解之vertical-align