여러 div가 수직, 중앙 및 수평으로 정렬됩니다(코드 포함).
- 云罗郡主앞으로
- 2018-10-19 15:23:235007검색
이 글의 내용은 여러 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제