图片居中小问题

时间 2021-01-06

原文原文链接

记一个简单的图片居中时遇到的小问题在使用vertical-align:middle对图片进行居中时，发现无论怎样都不能垂直居中,后来找了半天，发现了问题，原因是添加了float属性，float属性会将元素转化为块级元素（相当于又给元素添加了display:block），将display:table-cell 给覆盖了。将float去除即可。 <!DOCTYPE html> <html lang