几种元素水平、垂直居中方法

一、图片居中 不喜欢说那么多废话，直接上代码截图： html代码： css代码： 效果： 原理：（个人理解） 1、第一种方法是采用css中的基线对齐的原理。父级元素 #box_01 让其子元素水平居中不在赘述，重点在 #box_01>span 这个子元素！具体每个属性的作用代码注释中有写，但思考为什么？你想，一个元素中的子元素都关于基线对齐，不可能有两个基线！而子元素 span 高度和父元素高度形

>>阅读原文<<