Home >Web Front-end >CSS Tutorial >How to center a div? How to center an absolutely positioned div?

How to center a div? How to center an absolutely positioned div?

王林
王林forward
2020-07-15 17:22:152677browse

How to center a div? How to center an absolutely positioned div?

Centered div

(Recommended tutorial: css quick start)

Code implementation:

border: 1px solid red;margin: 0 auto; 
height: 50px;width: 80px;

Absolutely positioned div is centered

Code implementation:

border: 1px solid black;
position: absolute;
width: 200px;
height: 100px;
margin: 0 auto;
left: 0;
right: 0;

The above is the detailed content of How to center a div? How to center an absolutely positioned div?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
This article is reproduced at:csdn.net. If there is any infringement, please contact admin@php.cn delete