图片水平垂直居中的四种方法

第一种：相对定位+margin:auto

.Pic { display:flex; align-items:center; justify-content: center; /*新版本写法*/ text-align:center; }

第三种：利用dispay:table-cell + 图片vertical-align:middle

.Pic .icenter { display:table-cell; vertical-align:middle; text-align:center; width:60px; height:60px; }

.Pic img { vertical-align:middle; display:inline-block; }

第四种：增加一个空白标签

.Pic { text-align:center; }

.Pic img { vertical-align:middle; }

.Pic .iblock { display:inline-block; vertical-align:middle; height:100%; width:0; }