Shulou(Shulou.com)06/02 Report--

This article mainly introduces DIV+CSS how to achieve the vertical center of text and pictures above and below the relevant knowledge, the content is detailed and easy to understand, simple and fast operation, has a certain reference value, I believe that after reading this DIV+CSS how to achieve text and pictures up and down vertically centered article will have a harvest, let's take a look.

The DIV+CSS instance code is as follows:

DIV+CSS example explanation Test

Body {font-size:12px;}

DIVCSS5 Test text CSS

First of all, we set the css style of the text in the body of this web page to 12px. Then introduce the image in html (extension: CSS introduces-CSS reference) and several test words followed by the image.

Set css to center the text and pictures vertically when they are in the same row.

We just need to add the CSS code in the CSS style as follows:

Img {vertical-align:middle;}

Add the above to set the upper and lower center of the picture CSS style to make the text and pictures in the same row center vertically.

The complete DIV+CSS code is as follows:

CSS example explanation Test

Body {font-size:12px;}

Img {vertical-align:middle;}

DIVCSS5 test text

This is the end of the article on "how to achieve the vertical center of text and pictures in DIV+CSS". Thank you for reading! I believe that everyone has a certain understanding of "how to achieve the vertical center of text and pictures in DIV+CSS". If you want to learn more knowledge, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.