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

全部评论问答未解决精华

qq_佛解花_0

有些东西一扯就没了，明明只要再详细说下就可以的，唉

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

2017-11-14

为什么添加字符就可以让宽度消失

最新回答 / 慕粉3221337

我觉得是因为元素添加一个字符并且line-height=0使得基线上移，从而使得元素也上移，而不用跟外面x的下边缘对齐

1 回答 1460 浏览 3-2 . vertical-align与line-height

2017-11-14

锦衣无涯

目前前端实习中，日常布局中垂直居中是一个非常重要且常用的功能，vertical-align这个属性让我是又爱又恨，老师讲的很好，没有布局经验的人不适合看这个。

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

2017-11-13

奔跑的蚂蚁大军

一脸蒙蔽~

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

2017-11-10

灭黑地猪猪

送给那些不懂就喜欢嚼舌头人，人家免费来讲课就要尊重人家，不尊重还瞎逼逼的，不想听就死远点，不要侮辱谩骂。
老师很有深度听你的课懂了很多东西，加油支持你

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

2017-11-06

夕渐3509269

难道没人觉得页面上的vertical写少了一个r吗，都是什么英语水平

2 7-1 7. vertical-align前后不一的行为表现_x264

2017-11-01

留白未来

@web_啊星测试没效果应该不是你想的那个原因,而是中文的基线是在底部,与字母的基线位置不同.

1 3-1 vertical-align与line-height

2017-11-01

qq_我_134

很幽默，把编码当成自己的爱好

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

2017-10-30

AllySu

楼主知识是有的，但授课方式过于自我，自娱自乐，不太好，毕竟是面向大众。

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

2017-10-30

huangqijiang

觉得多采用代码编写来表现，这样才能更容易的大家理解

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

2017-10-29

南宁吴彦祖

大家散了，这一节课无重点，就是张老师来暴露年龄的

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

2017-10-28

多行垂直居中做到了但如何同时做到水平居中呀

已采纳回答 / 留白未来

没必要加太多东西. con类你已经设成了inline-block,那么在父盒子上就可以直接text-align: center;另外你这垂直居中的效果不太对.box类上不是height,而是line-height.将你的代码简单修改了一下,你看看效果是不是你想要的.html部分<...code...>css部分<...code...>

1 回答 1268 浏览 9-1 9. vertical-align的实际应用_x264

2017-10-24

可口可乐的乐

在谷歌浏览器下测试的,清除垂直间距只能vertical-align:top;+line-height:0;比较合适,vertical-align:bottom;会有大约1像素的间隙,
第二种全能方法:水平间隙和垂直间隙都去掉了,font-size:0;

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

2017-10-24

慕UI0574845

下上上上下下寓教于乐 6

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

2017-10-24

tomato4024149

文本x在line-height下始终默认垂直方向上居中设置vertical-align: middle的图片的垂直中心点就和x的中心点（交叉点）始终在一条线上。
但是由于x字符下沉它本身的中心点在交叉点以上，随着字体大小的改变，
x始终保持垂直居中，而图片的垂直中心点始终是和x的交叉点在一条线上，
所以x字体变大，图片向下移动。

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

2017-10-15

无怨无悔天真无邪

关于10分钟那个，我的理解是line-height的居中是从字体的中间向上线扩开的，所以当line-height等于0时，外面的框框高度也就从那个位置开始算起了

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

2017-10-13

首页上一页 2 3 4 5 6 7 8 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空