If you encounter this problem at work, you only know the alignment of the vertical-align attribute settings. Therefore, you need to thoroughly understand the vertical-align function and sort it out by the way.
First, let's take a look at some vertical-align attributes:
Value |
Description |
Baseline |
Default value. The element is placed on the base line of the parent element. |
Sub |
Vertical align text subscript. |
Super |
Vertical Alignment |
Top |
Align the top of the element with the top of the highest element in the row |
Text-top |
Align the top of the element with the top of the parent element font |
Middle |
Place this element in the middle of the parent element. |
Bottom |
Align the top of the element with the top of the lowest element in the row. |
Text-bottom |
Align the bottom of the element with the bottom of the parent element font. |
Length |
|
% |
Use the percentage value of the "line-height" attribute to sort this element. Negative values are allowed. |
Inherit |
Specifies that the vertical-align attribute value should be inherited from the parent element. |
It's not too early. Continue writing tomorrow. Come here first.
Understanding and understanding of Vertical-align attributes