CSS-수직 및 수평 중심
2171 단어 centeringgridlayoutcssflexbox
<body></body>
태그가 있고 하위 항목<div></div>
이 수직과 수평 방향에서 현대 CSS를 사용하길 원한다면 어떻게 해야 합니까?index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div>
<h1 class="title">Hello DEV!</h1>
</div>
</body>
</html>
Flexbox:style.css
CSS 메쉬 표현:
style.css
봐라!
다음에 봐요!
드로젤라
Reference
이 문제에 관하여(CSS-수직 및 수평 중심), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/drozerah/css-center-both-vertically-and-horizontally-41n0텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)