Lớp học lập trình: Căn giữa trong CSS

Adam Argyle

Lớp học lập trình này giúp bạn chia sẻ và thể hiện cách bạn yêu thích để căn giữa trong CSS.

Hãy xem bài đăng Centering trong CSS trên blog của tôi để tìm hiểu về 5 cách tôi yêu thích để căn giữa trong CSS. Hoặc xem video này!

Thiết lập

  1. Nhấp vào Remix để chỉnh sửa (Remix) để chỉnh sửa dự án.
  2. Mở app/index.html
  3. Tại line 23, hãy thay thế /* your centering CSS here /* bằng CSS của bạn
  4. (không bắt buộc) Đặt tên cho kỹ thuật căn giữa và thay thế văn bản trong <h1>

Kiểu

  1. Tạo tệp mới trong thư mục app/css/
  2. Tạo một bộ chọn để giữ giải pháp căn giữa, chẳng hạn như .turbo-center hoặc [floaty-mcfloat]
  3. Trong bộ chọn mới đó, hãy viết kỹ thuật căn giữa (bạn có thể xem kỹ thuật căn giữa trong app/css/ làm ví dụ)
  4. (không bắt buộc) viết một số "kiểu hỗ trợ" để chúng ta có thể xem phần tử con nào cần kiểu để hỗ trợ việc căn giữa
  5. Mở app/css/index.css và nhập tệp mới của bạn ở dưới cùng

Kết thúc

  1. Mở lại app/index.html
  2. Tìm <article> và cung cấp cho nó bộ chọn tuỳ chỉnh mà bạn đã tạo ở bước 2 của phần trước.
  3. Hãy Tweet cho tôi nội dung ngẫu nhiên của bạn và tôi sẽ giới thiệu chúng trong bài đăng trên blog!