Devdit
 

หน้าเว็บแสดงผลไม่มีเหมือนกันแต่ละ Browser แก้ไขด้วย CSS

1K

กรณีที่เราเขียนเว็บไซต์แล้วเกิดปัญหา เวลาแสดงผลแต่ละโปรแกรมเล่นอินเทอร์เน็ต (เว็บ Browser) จะแสดงผลไม่เหมือนกัน สูง กว้าง ไม่เท่ากัน วิธีนี้ลองแก้ไขด้วยการใช้คำสั่งของภาษา CSS ดังนี้

 

ตัวอย่าง

* {
    padding: 0;
    margin: 0;
}

นำโค้ด CSS ด้านบนไปใส่ในเว็บไซต์ จะช่วยรีเซ็ตตำแหน่งและ ช่องว่างต่างๆ ทั้งหมดของเว็บไซต์ให้มีค่าเริ่มต้นเท่ากัน คำสั่ง * จะอ้างถึงทุก element ภายในเว็บไซต์ทั้งหมด โดยกำหนดให้ padding (ระยะภายใน) = 0 และ margin (ระยะภายนอก) = 0

 

ตัวอย่าง กรณีเว็บไซต์ไม่ได้สร้างไฟล์ CSS แยกออกมา ให้นำโค้ดด้านล่างนี้ไปใส่ภายในแท็ก head

<style>
* {
    padding: 0;
    margin: 0;
}
</style>
แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ