前端小白请教一个 table 行高的问题

代码如下，用 vue 写的

https://gist.github.com/QuDump/61dea44d743f2d3ec7c8dcbd5dca38ad

我只照着 V2EX 的 css 设置的，但是无论怎么调整，img 的高度总是比设置的高度大 4px。折腾了一个晚上了，都没有弄明白原因。 有没有大神能指导一下

答:没看代码，但我猜说因为元素固定的行高导致的。试试把 img 的父元素行高设置为零。
答:不是，是 img 的行高。
答:没看代码，是不是 box-size 的问题??
答:父元素 font-size 设为 0,我猜的
答:试试 img { display: inherit;}
答:是因为 img 默认是 inline-block，inline-block 就是会有这个间隙问题，通常就是 7 楼说的设置 font-size: 0; 我是前阵子做一个布局的时候偶然发现可以用 display: inherit; 来解决的，不过不保证你能用哦