ใน CSS บางครั้งเราทำให้ชีวิตซับซ้อนขึ้นด้วยสิ่งง่ายๆที่ซับซ้อนน้อยกว่าที่เราคิด และเมื่อเราเห็นวิธีแก้ปัญหาเราแทบจะหัวเราะเมื่อได้สังเกตเกร็ดเล็กเกร็ดน้อย
มีคนถามฉันว่าจะจัดตำแหน่ง div ให้อยู่ตรงกลางอย่างไรและคำตอบนั้นง่ายมาก:
- เราให้ความกว้างคงที่ของ div ตัวอย่าง: 500px
- เราวางตำแหน่ง Div อย่างแน่นอนโดยเหลือ 50% ตัวอย่าง: position: absolute; left: 50%;
- เราหักครึ่งหนึ่งของสิ่งที่วัดด้วยมาร์จิ้น ตัวอย่าง: ขอบซ้าย: -250px;
ผลลัพธ์ที่ได้คือ div ที่อยู่ตรงกลางอย่างสมบูรณ์แบบ
ขอบคุณมาก.. ในขณะที่คุณพูดอะไรง่ายๆและแม้เวลาจะผ่านไปก็ยังทำให้ผู้เขียนปวดหัวมากมาย
โพสต์ของคุณมีประโยชน์มากสำหรับฉันขอบคุณมาก
ขอบคุณมาก !!!
การมีส่วนร่วมที่ดีทำให้ฉันได้รับมากขอบคุณ
เขารับใช้ฉันเป็นบ้าอะไรเนี่ย: D
ขอบคุณมาก…
คาร์ลอสดีมาก
ข้อมูลที่ยอดเยี่ยม
ขอบคุณที่ให้บริการฉัน
คุณช่วยฉันไว้!!! ขอบคุณ :)
ขอบคุณลุงที่ช่วยฉันมาก !! ที่ขาดจินตนาการของฉัน
ขอบคุณมาก !!!!! เคล็ดลับนี้ช่วยฉันได้เสมอฮ่าฮ่า
ขอบคุณมากเพื่อนที่ยอดเยี่ยม
สิ่งนี้ไม่ได้อยู่ตรงกลางทุกอย่างขึ้นอยู่กับขนาดดั้งเดิมขององค์ประกอบ div ฐานที่เราทำให้มันเติบโตขึ้นอยู่กับสิ่งที่ใส่ไว้ข้างในสำหรับฉันการใช้สิ่งนี้มีประโยชน์มากกว่าการมองเห็นถ้าฉันเห็นว่ามันอยู่ตรงกลางมากขึ้นและ ตำหนิ:
แน่นอน;
ซ้าย: 50%;
ระยะขอบซ้าย: -100px;
นั่นจะเป็นครึ่งหนึ่ง
การมีส่วนร่วมเป็นที่ชื่นชมมันช่วยฉันจริงๆทักทาย!
ผลงานที่ดีมากช่วยฉันได้มากพระคุณหนึ่งพัน!