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
- Nhấp vào Remix để chỉnh sửa (Remix) để chỉnh sửa dự án.
- Mở
app/index.html
- Tại
line 23
, hãy thay thế/* your centering CSS here /*
bằng CSS của bạn - (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
- Tạo tệp mới trong thư mục
app/css/
- 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]
- 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ụ) - (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
- Mở
app/css/index.css
và nhập tệp mới của bạn ở dưới cùng
Kết thúc
- Mở lại
app/index.html
- 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. - 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!