div 콘텐츠의 가로 중심 맞추기
구현 계획 1: margin:0 auto;
구현 계획 1: 위치: 고정 위치 지정
div{
height:100px;
width:100px;
background:red;
margin:0 auto;
}구현 계획 2: position:absolute; 절대 위치 지정
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>div水平居中</title> </head> <body> <div></div> </body> </html>
div{height:100px;width:100px;background:red;position:absolute;
left:50%;
right:50%;
margin: auto;
}div{height:100px;width:100px;background:red;position:fixed;left:0;top:0;bottom:0;right:0;margin:auto;
}위 내용은 CSS+div의 가로 가운데 맞춤에 대한 예제 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
