기사 주제 학습 다운로드 Q&A 프로그래밍 사전 게임 최근 업데이트

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

집 > 웹 프론트엔드 > H5 튜토리얼 > 본문

html5 기본 태그를 중앙에 배치하는 방법은 무엇입니까? 메인 태그를 중앙에 배치하는 예

寻∝梦

풀어 주다： 2018-08-31 14:02:20

원래의

4910명이 탐색했습니다.

이 글에서는 주로 HTML5 메인 태그의 센터링을 소개합니다. 이제 메인 태그에 대한 전체 사용 예를 살펴보겠습니다.

#🎜 🎜## 🎜🎜#먼저 html5 기본 태그를 중앙에 배치하는 방법을 살펴보겠습니다.

태그는 문서의 주요 내용을 지정합니다.

요소의 콘텐츠는 문서에 고유해야 합니다. 사이드바, 탐색 모음, 저작권 정보, 사이트 로고, 검색 양식 등 문서 전체에 반복적으로 나타나는 콘텐츠를 포함해서는 안 됩니다.

참고: 하나 이상의

요소가 문서에 나타날 수 없습니다.

요소는

너무 많은 정의를 언급했으므로 기본 태그를 중앙에 배치하는 전체 코드 예제를 살펴보겠습니다.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<main align="center">
  <h1>PHP中文网</h1>
  <p>Google Chrome、Firefox 以及 Internet Explorer 是目前最流行的浏览器。</p>
  <article>
    <h1>Google Chrome</h1>
    <p>Google Chrome是由Google开发的一款免费的开源web浏览器，于2008年发布。</p>
  </article>
  <article>
    <h1>Internet Explorer</h1>
    <p>Internet Explorer由微软开发的一款免费的web浏览器，发布于1995年。</p>
  </article>
  <article>
    <h1>Mozilla Firefox</h1>
    <p>Firefox是一款来自Mozilla的免费开源web浏览器，发布于2004年。</p>
  </article>
</main>
</body>
</html>

로그인 후 복사

다음에 추가했습니다. 기본 태그 align 속성은 전체 문서를 중앙에 정렬한다는 의미입니다. 브라우저에 표시되는 효과를 살펴보겠습니다.

html5 기본 태그를 중앙에 배치하는 방법은 무엇입니까? 메인 태그를 중앙에 배치하는 예 명확하게 볼 수 있습니다. 예, 기사의 크기 때문에 너무 큰 웹 페이지에 배치할 수 없으므로 축소만 가능하지만 사진 중간에 있는 텍스트를 여전히 선명하게 볼 수 있습니다.