How to center a container of known height horizontally and vertically in a page by css

This article is about how css centers containers of known height horizontally and vertically in the page. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Centers a container of known height horizontally and vertically in the page

Methods:

The code is as follows:

# test {position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 00-100px;}

Know More: how containers of known height are centered horizontally and vertically in the page

Three ways of introducing css 1. Inline style, the most straightforward and simplest, uses style= "" directly for HTML tags. two。 The embedded style is to write the CSS code in between and use the

To make a statement. 3. External style, in which the link style is the most frequently used and the most practical style, only need to add

Just do it. The second is to import styles, import styles and link styles are similar, using @ import style to import CSS stylesheets, not recommended. Thank you for reading! This is the end of the article on "how to make a container of known height center horizontally and vertically on the page". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it out for more people to see!