html中图片的水平和垂直居中的样式设置 水平居中 给图片的父元素添加text-align:center; 垂直居中 1.在img图片前或后添加一个同级元素span; 2.给span转成inline-block类型,写上height:容器高或者height:100%,再添加vertical-align:middle以中线对齐; 3.给图片添加vertical-align:middle以中线对齐;