html中图片的水平和垂直居中的样式设置

html中图片的水平和垂直居中的样式设置

水平居中

给图片的父元素添加text-align:center;

垂直居中

1.在img图片前或后添加一个同级元素span;
2.给span转成inline-block类型,写上height:容器高或者height:100%,再添加vertical-align:middle以中线对齐;
3.给图片添加vertical-align:middle以中线对齐;

©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页