CSS实现图片上下居中
在CSS中，可以使用“display：table-cell”属性来实现图片上下居中。
img {
display: table-cell;
vertical-align: middle;
text-align: center;
}
其中，“display：table-cell”属性可以将元素显示为表格单元格，“vertical-align：middle”属性可以将元素垂直居中，“text-align：center”属性可以将元素水平居中。
也可以使用“line-height”属性来实现图片上下居中：
img {
line-height: 200px;
}
其中，“line-height”属性可以设置元素的行高，使元素垂直居中。
还可以使用“margin”属性来实现图片上下居中：
img {
margin-top: auto;
margin-bottom: auto;
}
其中，“margin-top：auto”属性可以将元素的上边距设置为自动，“margin-bottom：auto”属性可以将元素的下边距设置为自动，从而实现图片上下居中。
CSS中可以使用“display：table-cell”、“line-height”和“margin”属性来实现图片上下居中。
千锋教育是高品质web前端培训机构，千锋教育拥有大量实力web前端培训讲师，提供优质的web培训课程，web前端培训，欢迎报名千锋教育。
京公网安备 11010802030320号