วิธีแก้ปัญหา โดยใช้ 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;
   }

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

4. จัดตำแหน่งกล่องให้อยู่ตรงกลาง (แนวนอน)
   

   margin:0 auto;

   อย่าลืมใส่ความกว้างด้วย

5. เอา vertical scrollbar ใน textarea ออก (IE)
   

   textarea{
   overflow:auto;
   }

   textarea ใน ie จะมี scrollbar อยู่แล้ว ถ้าอยากเอาออก ก็ใส่ตามนั้นครับ

6. บังคับ page breaks ในหน้าปริ๊น
   

   h2{
   page-break-before:always;
   }

   สามารถ กำหนด จุดหยุดในหน้าเอกสาร เวลาปริ๊น

7. เอาเส้นประ ที่ลิ้งค์ออก (FF)
   

   a:active, a:focus{
   outline:none;
   }

   เอา dotted outline ที่ลิ้งค์ออกเวลากดเม้าส์

ถ้าใครมีเทคนิค สั้นๆ แต่ได้ประโยชน์สูง โพสต์ไว้ที่นี่ได้เลยครับ