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
                                逻辑清晰

全部评论问答未解决精华

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

依偎幸福

基线中线底线顶线文本底线文本顶线的详细介绍

http://www.chaxinxi.cc/label/htmlcss/20161114/15.html

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

2016-11-15

朝闻道1991

这么好的课不收费讲给你听，还费尽心思自己画图自己写代码自己做动画效果放到网上免费学，还逼逼叨逼逼叨，让你花钱学了还是咋滴？觉得不好右上角叉叉出门左拐去找培训机构交智商税，他们声音动听、语气温婉……

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

2016-11-15

一畸零人

视频中第10分钟那个现象我真的理解了好久，我的解释是这样的，行高是0，那么半行间距则会等于 -font-size/2 (必须是宋体，老师之前的课程中有讲).所以盒子才会下移font-size/2 的距离。半行间距是正盒子会上移，是负盒子会下移。

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

2016-11-14

一畸零人

text-indent 也支持负值

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

2016-11-14

栄篱

画个图更好理解

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

2016-11-12

zray

看了一遍这个，然后默默回去看上集再回来看终于看懂。。

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

2016-11-12

不桔树

看到有人评论0.5倍速我才发现自己全程4.5倍速看完。。。。。听得很顺耳啊。安利给大家

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

2016-11-12

qq_微笑向暖_1

光棍节留名

0 8-1 8. vertical-align糟糕的兼容性_x264

2016-11-11

夜深未眠

老师这么讲，我理解力余额明显不足……

1 5-1 5. vertical-align文本类属性值

2016-11-10

qq_ggJKING_LWJ_0

.div1{
border:1px solid #777;
width:200px;
line-height: 1.5;
}
.div1 > span{
display: inline-block;
width: 140px;
vertical-align: middle;
}
.div1 > img{
vertical-align: middle;
}

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

2016-11-09