Codelab: CSS의 중앙에 배치

이 Codelab에서는 Android 중심을 잘 맞추는 방법을 공유하고 선보일 수 있습니다. CSS

블로그 게시물 Centering in CSS를 확인해 보세요. 제가 가장 좋아하는 CSS 중앙 집중식입니다. 또는 다음 동영상을 시청하세요.

설정

  1. 수정할 리믹스를 클릭하여 프로젝트를 수정할 수 있도록 합니다.
  2. app/index.html 열기
  3. line 23에서 /* your centering CSS here /*을 CSS로 바꿉니다.
  4. (선택사항) 가운데 맞춤 기법의 이름을 지정하고 <h1>의 텍스트를 대체합니다.

스타일

  1. app/css/ 폴더에 새 파일을 만듭니다.
  2. 중앙 배치 솔루션을 고정할 선택기(예: .turbo-center)를 만듭니다. [floaty-mcfloat]
  3. 새 선택기에서 가운데 맞춤 기법을 작성합니다. app/css/의 다른 쪽을 예로)
  4. (선택사항) '지원 스타일' 작성 어떤 아동에게 어떤 행동이 필요한지 가운데 맞춤을 지원하는 스타일
  5. app/css/index.css을 열고 하단에서 새 파일을 가져옵니다.

총정리

  1. app/index.html 다시 열기
  2. <article>을 찾아 2단계에서 만든 맞춤 선택기를 제공합니다. 이전 섹션에 나와 있습니다.
  3. 글리치와 관련된 트윗을 요청하면 제가 직접 소개하겠습니다. 블로그 게시물을 참고하세요.