                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之vertical-align

还是有点没懂为什么使用vertical-align：middle必须在父级元素上使用line-height？

慕哥5385412

2016-01-12

源自：CSS深入理解之vertical-align 5-1

关注问题我要回答

7470

操作

收起

2 回答

随波逐流肖哥
2018-04-21

vertical-align 对的中线是无替换元素 x 的中线位置，设置line-height 之后，x会在中间，x的中线也是在最中间，这样的话元素的中部就于x的中线对齐也就垂直居中了

0 回复有任何疑惑可以回复我~

收起回答

慕仰1028572
2016-01-16

从定义上说，vertical-align: middle是当前元素的中心点与父元素基线往上1/2X高度对齐（一般理解的基线就是X的下边缘），如果父元素不设置行高或者行高设为0，父元素的高度没有撑开，那如何定位父元素基线的位置呢？一般来说，父元素设置行高，比如line-height: 100px，子内联元素设置vertical-align: middle，就可以实现内联元素的垂直居中效果。