2023/07/30

1. image/img标签底部留白原因

image和img元素默认都是行内块元素，行内元素和行内块元素都是支持valign特性的元素，而vertical-align的属性默认为baseline，baseline是英文小写字母x的最低处的下划线，因此它和bottom之间有一定的距离，留白就是baseline和bottom之间的距离。

2. margin: 0 auto实现盒子居中失效的原因

1. 未设置宽度width
2. 浮动、绝对定位、固定定位的盒子失效
3. 行内元素、行内块元素失效
   如image盒子，是行内块元素，要用此方法实现就必须display:block将盒子转为块级元素。

3. 表格封装

https://blog.csdn.net/L_zsen/article/details/129481477