How can I solve the blank image,

How can I solve the blank image,

The following figure shows how to solve the problem:
This problem may occur in the web page layout, that is, there will be a blank space under the picture. This phenomenon usually only appears in the IE6 browser, however, Firefox may also cause this phenomenon, which may seriously affect the appearance of webpages in many cases. The following describes how to eliminate this phenomenon.
Solution 1:
Convert to a block-level element, for example:

 

Img {display: block ;}

 

The above method can solve this problem.
Solution 2:
Use the vertical-align attribute to achieve this effect. For example:

 

Img {vertical-align: top ;}

 

Solution 3:
You can also set the font size of the image's parent element to 0. For example:

 

. Box {font-size: 0px ;}

 

In the above Code, set the font size of the image's parent element to 0 PX.
Solution 4:
Add the overflow: hidden attribute to the parent element, for example:

 

. Box {overflow: hidden}

 

Solution 5:
This effect can also be achieved by deleting a line break or space after an image.

The original address is: http://www.softwhy.com/forum.php? Mod = viewthread & tid = 9496.

For more information, see: http://www.softwhy.com/divcss/