图片居中

三种方法

1.父级设置display:table-cell,text-align:center,vertical-align:middle;

2.给图片再加一个同级的span,在img和span上同时添加display:inline-block,vertical-align:middle;再给span的height:100%;给父级添加上text-align:center

3.父级给text-align:center,line-height设置成和父级一样高(因为img默认是行内块元素,所以直接将行高拉起来之后,图片默认在行高的中间)

原文地址:https://www.cnblogs.com/suihang/p/9439890.html