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

来源:6-1 line-height的实际应用

一直都在路上

2016-12-26 22:10

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

写回答 关注

1回答

  • 慕粉4237190
    2016-12-27 11:53:16
    已采纳

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

    一直都在路上

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

    2016-12-27 12:05:31

    共 1 条回复 >

CSS深入理解之line-height

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

43086 学习 · 64 问题

查看课程

相似问题