Adam Argyle
โค้ดแล็บนี้จะช่วยให้คุณแชร์และแสดงวิธีจัดกึ่งกลางใน CSS ที่คุณชื่นชอบได้
ดูบล็อกโพสต์การจัดกึ่งกลางใน 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 ของคุณมาให้ฉัน แล้วฉันจะนำไปแสดงใน บล็อกโพสต์