How css uses Placement items to Center Div

This article mainly shows you "css how to use the central Div", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "css how to use the central Div" this article.

Center Div using Placement items

Centering the div element is one of the scariest tasks we have to perform. But don't be afraid, my friend, you can center any div with a few lines of CSS. Just don't forget to set display:grid; for the parent element, and then use the place-items attribute shown below.

Main {width: 100%; height: 80vh; display: grid; place-items: center center;} these are all the contents of the article "how to use css to Center Div". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!