CSS深入理解之vertical-align_学习笔记

首页免费课 CSS深入理解之vertical-align 笔记

CSS深入理解之vertical-align

                
                张鑫旭
            页面重构设计

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

最热最新

zackyG

支持负值的属性：margin,letter-spacing,word-spacing,vertical-align
属性为数值时，是在baseline对齐基础上上下偏移对应数值大小。
vertical-align的百分比值是相对line-height计算的。

查看全部

0 采集收起来源：vertical-align家族基本认识
2018-07-16
Sandaydi

1、小图标与文字对齐
20像素图标+14像素文字+vertical-align -5像素

2、不定尺寸图片或多行文字的垂直居中

查看全部

0 采集收起来源：9. vertical-align的实际应用_x264
2018-06-27
Sandaydi

vertical-align兼容性问题

查看全部

0 采集收起来源：8. vertical-align糟糕的兼容性_x264
2018-06-27
Sandaydi

vertical-align前后不一的作用机制

查看全部

0 采集收起来源：7. vertical-align前后不一的行为表现_x264
2018-06-27
Sandaydi

了解vertical-align支持的属性值以及组成

支持的属性值
除了 inherit继承属性值，还包括

数值类和百分比类

查看全部

0 采集收起来源：vertical-align家族基本认识
2018-06-26
Seize_fc 03:35

秘技！消除图片底部间隙！

查看全部

0 采集收起来源：. vertical-align与line-height
2018-04-12
Seize_fc 11:02

font-size: 0的垂直居中

查看全部

0 采集收起来源：vertical-align线性类属性值
2018-04-09
Seize_fc 09:35

X的基线是X的字母底部

查看全部

0 采集收起来源：vertical-align线性类属性值
2018-04-09
Seize_fc 06:44

近似垂直居中

查看全部

0 采集收起来源：vertical-align线性类属性值
2018-04-09
前端沙雕 02:43

只要是内联元素，就一定收到vertical-align 和 line-height 的影响

查看全部

0 采集收起来源：vertical-align与line-height
2018-04-07
前端沙雕 13:42

文字和图片对齐的实现方式，把文字和图片都要设置为vertical-align： middle

查看全部

0 采集收起来源：vertical-align起作用的前提
2018-04-07
前端沙雕 06:32

绝对定位元素也不支持vertical-align

查看全部

0 采集收起来源：vertical-align起作用的前提
2018-04-07
前端沙雕 06:00

给元素设置浮动后，元素就变成块级元素，vertical-align就不起作用了

查看全部

0 采集收起来源：vertical-align起作用的前提
2018-04-07
前端沙雕 01:40

vertical align 只对内联元素和table-cell 起作用

查看全部

0 采集收起来源：vertical-align起作用的前提
2018-04-07
Seize_fc 08:49

此时图片所在容器行高250px

查看全部

0 采集收起来源：vertical-align与line-height
2018-04-03