วิธีแก้ปัญหา โดยใช้ css 1 บรรทัด หากใครทำ css อยู่ ต้องเคยเจอกับปํหญหาเหล่านี้ อย่างแน่นอน

1. ทำ vertical align ด้วย line-height
   

   line-height:20px;

   กำหนด line-height ให้เท่ากับค่า height ของกล่อง

2. ป้องกัน content ยาวเกิน layout ที่ใช้การ float และกำหนดความกว้าง
   

   #main{
   overflow:hidden;
   }

   #main มักจะหดสั้น เมื่อใช้การ float จนทำให้คอนเท้นหายไป แก้ด้วย overflow (อย่าลืมว่าต้องกำหนดความกว้างด้วย)

3. ป้องกัน ลิ้งค์คำยาวๆ ขึ้นบรรทัดใหม่
   

   a{
   white-space:nowrap;
   }

   ช่วยให้ลิ้งค์ ขึ้นรรทัดใหม่ ทั้งคำ ไม่ขึ้นบรรทัดใหม่กลางคำ

   อ่านต่อ คลิกที่นี่ »