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

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

CSS深入理解之vertical-align

                
                张鑫旭
            页面重构设计

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

全部评论问答未解决精华

慕姐4215566

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

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

2016-12-12

慕粉4304982

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

3 3-1 vertical-align与line-height

2016-12-05

为什么设置了图片的verical-align,动的缺失隐匿文本

+ 我来回答回答最高可+2积分

1 回答 951 浏览 3-1 vertical-align与line-height

2016-12-04

视频最后的3个i标签有什么用？

已采纳回答 / 学之舟_36820

列表（或文字）要两端对齐的前提就是内容必须超过一行，所以，要解决最后一行元素无法两端对齐的文字其实很简单，就是在列表（或文字段）的最后创建一个高度为0的宽度100%的透明的inline-block的标签层就可以了。<...图片...>到张老师演示看看就发现这样设置，页面可以得到正常效果：http://www.zhangxinxu.com/study/201103/inline-block-text-justify-fixed.html

1 回答 1507 浏览 3-1 vertical-align与line-height

2016-12-03

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

两个span元素，其中一个设置vertical-align:middle

最新回答 / 木昜_

你想要问什么？

1 回答 1691 浏览 4-1 vertical-align线性类属性值

2016-11-23

什么是父元素的基线

已采纳回答 / Coona

因为里面存在空格等空字符

1 回答 2639 浏览 4-1 vertical-align线性类属性值

2016-11-22

慕瓜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

m2mbob

试了下最新的chrome、firefox、safari，对于middle的解析都不一样。firefox下，容器中心和图片中心重合；chrome下黄线和基线上1/2 x-height对其，safari下和老师讲的一样。醉了。

0 4-1 vertical-align线性类属性值

2016-11-20

TYPE_056

23333

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

2016-11-20

首页上一页 10 11 12 13 14 15 16 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空