Solution to the gap between image and view tags

This time I will bring you the solution to the gap between the image and view labels. What are the precautions? The following is a practical case, let's take a look at it.

The solution is to set vertical-align:top/bottom/text-top/text-bottom

Reason:PictureInline elements such as text are aligned with the baseline of the parent element by default, and the baseline has a certain distance from the bottom of the parent element

I believe you have mastered the method after reading these cases, more Please pay attention to php Chinese websiteOther related articles for exciting content!

Related reading:

What should you pay attention to about the centering of elements in HTML

What are the mobile terminals in HTML Layout scheme

#The contents of commonly used input text boxes are automatically vertically centered and the default prompt text is empty when clicked

How to define The minimum height of the inline element span

Iframe parameters

The above is the detailed content of Solution to the gap between image and view tags. For more information, please follow other related articles on the PHP Chinese website!