                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之line-height

关于老师的例子多行文本对齐的问题

遇到一个很有趣的问题，当我们是图片居中的时候，使用的是line-height 和vertical-align的组合技能使得图片居中。多行文本居中例子的时候，这里出现了一点不解的问题。老师把文字包裹层的display：inline-block 才能实现我们要得文字居中;display:inline就不可以！！！！。但是img 的display 是inline.就可以居中了，不是很懂，求大神指点谢谢！

一直都在路上

2016-12-26

源自：CSS深入理解之line-height 6-1

关注问题我要回答

1597

操作

收起

1 回答

慕粉4237190 回答被采纳 +3 积分
2016-12-27

inline是设置成内联元素，display：inline-block的意思是设置成内联块状元素，你对元素的基本概念没整理清楚，再看看元素的分类以及概念你就知道了

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

#1

一直都在路上提问者

之前看到的是关于元素平级之间display属性的影响。这个是嵌套元素的，元素之间影响。是我学得不够深入惭愧。

2016-12-27 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

CSS深入理解之line-height

参与学习 43086 人
解答问题 64 个

带领大家深入理解line-height的定义，还有实际应用经验分享

本课相似问答

1 回答多行文本水平垂直居中模型实现

2 回答所以多个行高不同内联盒子的情况下，行框盒子的行高到底是怎么算的呢

2 回答关于行高为percent时的计算

2 回答单行文本是否真的垂直居中？我测得跟老师的不一样，我的测是真的居中了，求解

2 回答内联元素的高度是由行高决定的&&高度的表现不是行高是否矛盾？为什么line-height是由文本间的基线来计算的，但是单行文本却有line-height

搜索更多本课相关问答

关于老师的例子多行文本对齐的问题

我要回答关注问题

意见反馈帮助中心 APP下载