이 글의 내용은 여러 div를 세로, 가운데, 가로(코드 포함)로 배열하는 내용입니다. 필요한 친구들이 참고할 수 있기를 바랍니다.
부모 p와 자식 p의 키는 모두 적응적입니다. Re
. "153993366828695여러 div가 수직, 중앙 및 수평으로 정렬됩니다(코드 포함).")
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>垂直居中</title>
<style>
#mine {
width: 500px;
height:500px;
background: #f00;
margin: 0 auto;
display: flex;
}
.center {
/*flex: 1;*/
/*width: 100px;
height: 100px;*/
background: #0f0;
margin:auto;
}
</style>
</head>
<body>
<p id="mine">
<p class="center">一</p>
<p class="center">二</p>
<p class="center">三</p>
</p>
</body>
</html>CSS 비디오 튜토리얼 에 대해 더 알고 싶다면 PHP 중국어 웹사이트에 주목하세요.
위 내용은 여러 div가 수직, 중앙 및 수평으로 정렬됩니다(코드 포함).의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
