css 水平垂直居中

本来我以为自己对css水平垂直居中已经很熟悉了，知道昨天别人问我，如果外层元素没有设置高度，里面的多行文字如何实现居中？ line-height？好像只适合单行文字吧？vertical-align? display:table? 好吧，其实我好像不太清楚。以往去铺页面的时候为了让某一个元素看起来居中，用的最多的大概是text-align:center,line-height,margin:0 auto,或者就是用盒子模型强行的margin-left,mergin-right等等实现，让它看起来居中的感觉。我想，作为一个刚入行前端的新生，需要去学习啊。然后，就在网上找到了很多关于居中问题详细的解答。

 

css制作水平垂直居中（转载W3CPLUS）：_{https://www.w3cplus.com/css/vertically-center-content-with-css} 

css制作图片水平垂直居中（转载W3CPLUS）：_{https://www.w3cplus.com/css%2520/img-vertically-center-content-with-css}

张鑫旭-鑫空间-鑫生活  的《大小不固定的图片、多行文字的水平垂直居中》：_{http://www.zhangxinxu.com/wordpress/?p=61}

　

 这两篇文章对于元素和图片如何垂直水平居中就说的很清楚。涉及兼容性的问题也做了很清楚的解答。和我一样对这个问题不是很清楚的人很适合看看学习