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