"CSS Basics" trivial records < three >

About attribute Vertical-align

Today, there is a problem with a cell in table with a text type of input, and then there is a picture. I've been doing this for a long time, the picture can't be vertically centered, I'll remove the input and find the adaptive and centered

Later found the vertical-align attribute. CSS Basics

The following is an official explanation from the website:

Vertical-align

property to set the vertical alignment of the element.

This property defines the vertical alignment of the baseline of the element within the row relative to the baseline of the row where the element is located. (the green keyword, which adjusts the baseline for these two inline elements to be the same?) ) allows you to specify a negative length value and a percent value. This causes the element to be lowered rather than raised. In a table cell, this property sets the alignment of the cell contents in the Cell box.

"CSS Basics" trivial records < three >