Codelab นี้ตั้งค่าให้คุณแชร์และแสดงแนวทางที่คุณชื่นชอบในการจัดกึ่งกลาง CSS
ลองดูบล็อกโพสต์ Centering in CSS เพื่อเรียนรู้เกี่ยวกับ 5 เรื่อง วิธีโปรดของฉันในการ จัดกึ่งกลางใน CSS หรือดูวิดีโอนี้
ตั้งค่า
- คลิกรีมิกซ์เพื่อแก้ไขเพื่อทำให้โปรเจ็กต์แก้ไขได้
- เปิด
app/index.html
- ที่
line 23
ให้แทนที่/* your centering CSS here /*
ด้วย CSS ของคุณ - (ไม่บังคับ) ตั้งชื่อเทคนิคการจัดกึ่งกลางและแทนที่ข้อความใน
<h1>
รูปแบบ
- สร้างไฟล์ใหม่ในโฟลเดอร์
app/css/
- สร้างตัวเลือกเพื่อเก็บโซลูชันการจัดกึ่งกลาง เช่น
.turbo-center
หรือ วันที่[floaty-mcfloat]
- ในตัวเลือกใหม่นี้ ให้เขียนเทคนิคการจัดกึ่งกลาง (คุณสามารถมองหา
ที่ของกันและกันใน
app/css/
เป็นตัวอย่าง) - (ไม่บังคับ) เขียน "รูปแบบการสนับสนุน" เราจะดูว่าเด็กกลุ่มใดต้องการ เพื่อสนับสนุนการจัดกึ่งกลาง
- เปิด
app/css/index.css
และนำเข้าไฟล์ใหม่ที่ด้านล่าง
ผูกมัดให้หมด
- เปิด
app/index.html
อีกครั้ง - ค้นหา
<article>
และกำหนดตัวเลือกที่กำหนดเองซึ่งคุณสร้างไว้ในขั้นตอนที่ 2 ของ ส่วนก่อนหน้า - ทวีตฉันในภาพ Glitch ของคุณ และฉันจะแสดงเนื้อหาใน บล็อกโพสต์นั้น