In the morning, a colleague put forward a question. The text in the HTML element cannot be raised vertically. ddddddddda span> I tried it with the browser, its display diagram is as follows: Vertical-Align declares in many Chinese The interpretation in the document is "Deciding the elements in the vertical position display", which has the following parameters Baseline | SUB | SUPER | TOP | TEXT-TOP | MIDDLE | BOTTOM | Text-bottom |
Baseline: Align with the baseline of the elements.
Middle: Aligned with the middle of the elements.
Sub: Words.
Super: Word rises.
TEXT-TOP: The top of the text is aligned.
TEXT-BOTTOM: The text is aligned.
TOP: The highest elements of the Bank are aligned.
Bottom: And the lowest element of the Bank is aligned.
If it is written in the literal meaning: middle should be the most central in the vertical position of the element, put into the previous one.
In the label, its location should be in the center of a Height of 60px. But it is actually not the case. If this vertical-align: middle is used to define a cell TD, then it works as you like, see the following example