一、img标签图片默认bug(有间隙3-5px)
解决办法:
1.转换为块及元素(display:block;)
2.基线对齐(vertical-align:top)
二、实现img结构居中对齐
第1步.在父系元素上设置text-align:center控制图片水平居中
第2步.在img后面加个标签(比如span标签)
第3步.给标签转换为行内块元素,并给其设置宽0,高100%
第4步.将img图片和新标签都设置居中对齐,也就是vertical-align:middle
一、img标签图片默认bug(有间隙3-5px)
解决办法:
1.转换为块及元素(display:block;)
2.基线对齐(vertical-align:top)
二、实现img结构居中对齐
第1步.在父系元素上设置text-align:center控制图片水平居中
第2步.在img后面加个标签(比如span标签)
第3步.给标签转换为行内块元素,并给其设置宽0,高100%
第4步.将img图片和新标签都设置居中对齐,也就是vertical-align:middle