How to achieve Vertical alignment in css

This article will explain in detail how to achieve vertical alignment of CSS, Xiaobian thinks it is quite practical, so share it for everyone to make a reference, I hope you can gain something after reading this article.

vertically aligned

This attribute defines the vertical alignment of the baseline of an element within a row relative to the baseline of the row in which the element resides. Allows you to specify negative length values and percentage values. This lowers the element rather than raises it. In table cells, this property sets the alignment of the cell contents in the cell box.

Syntax: vertical-align: attribute value; possible values are:

Baseline: Default. Element is placed on the baseline of the parent element.

sub: subscript for vertically aligned text.

super: superscript for vertically aligned text

top: Align the top of an element with the top of the highest element in the row

text-top: aligns the top of an 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 an element with the top of the lowest element in the row.

text-bottom: Align the bottom of an element with the bottom of the parent element font.

length: Specific value, negative value is allowed.

%: Arrange this element using the percentage value of the "line-height" attribute, negative values are allowed.

Title img { width: 100px; vertical-align: middle; } code sea

boundless

About "css how to achieve vertical alignment" this article is shared here, I hope the above content can be of some help to everyone, so that you can learn more knowledge, if you think the article is good, please share it for more people to see.