问答详情
源自:6-1 line-height的实际应用

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

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

提问者:一直都在路上 2016-12-26 22:10

个回答

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

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