How to solve the problem of white bars between pictures in html pages with only picture splicing

Sometimes there will be a page like this. The entire page is composed of several cut pictures. However, when these pictures are spliced ​​together using code, there will always be a problem with white bars between the pictures, as shown below:

Solution Method: Just add line-height: 0; to the parent container of the image, because tags such as body/div will have line-height attributes by default, even images will be affected by this default style