table-cell will cause weird padding of a td

In table, if the CSS value of “display” is “table-cell”, and a image within, there will be a weird padding under the image. Refer to the green lines:

https://jsfiddle.net/RexLo/1hdxob6s/1/

Solution:

Set the display value of the image to “block”:

Reference: