1. image/img标签底部留白原因
image和img元素默认都是行内块元素,行内元素和行内块元素都是支持valign特性的元素,而vertical-align的属性默认为baseline,baseline是英文小写字母x的最低处的下划线,因此它和bottom之间有一定的距离,留白就是baseline和bottom之间的距离。
2. margin: 0 auto实现盒子居中失效的原因
- 未设置宽度width
- 浮动、绝对定位、固定定位的盒子失效
- 行内元素、行内块元素失效
如image盒子,是行内块元素,要用此方法实现就必须display:block将盒子转为块级元素。
3. 表格封装
https://blog.csdn.net/L_zsen/article/details/129481477