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

div设置垂直居中无效化

div是block水平，内部有inline水平元素

div设置垂直居中无效是因为垂直对齐应用于inline水平和table-cell元素内部

现在为div设置显示水平为inline-block

为什么还是不能垂直居中？具体原理是什么

上衫原

2017-12-01

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

关注问题我要回答

1954

操作

收起

1 回答

上衫原提问者
2017-12-01

已经解决

把div设置成内联块，去掉高度，而改成行高（行高高度为之前设置的高度大小），内部span中取消行高，这样实现居中

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

收起回答

0/150

提交

取消

CSS深入理解之vertical-align

参与学习 39337 人
解答问题 57 个

深入理解vertical-align的属性值，分享开发中应用经验

进入课程

本课相似问答

3 回答垂直居中对齐疑问？

2 回答图片和文字并没在div垂直居中啊，求解释？不懂

2 回答加辅助元素是绝对垂直居中吗

2 回答最后是怎么多行垂直居中的啊

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

搜索更多本课相关问答

div设置垂直居中无效化

我要回答关注问题

热搜

最近搜索清空

div设置垂直居中无效化

1 回答

本课相似问答

div设置垂直居中无效化