ปัญหาเกี่ยวกับการตัดคำ ของ Firefox ที่ไม่ค่อยเหมือนกันกับบน IE

บน IE ถ้าเรากำหนด width ไว้ เราสามารถกำหนดให้มันตัดคำตามที่เราต้องการได้ ถึงแม้ว่าตัวอักษรจะติดกัน

ถ้ามันไม่สามารถกำหนดขนาดกรอบให้คงที่ได้ ให้ลองใส่ข้อความลงใน table แทน div ครับ table จะตัดคำได้ดีกว่า div

แต่บน FireFox กรอบจะถูกยืดออกไป ตามตัวอักษรเพื่อให้มองเห็นได้ทั้งหมด การแก้ไขมี 2 วิธีครับ แต่ก็มีข้อดีข้อเสียต่างกัน

1 โหลด extension การตัดคำในภาษาไทยของไฟร์ฟ๊อกซ์มาใช้งาน วิธีนี้ให้การตัดคำได้ดีทีเดียว แต่ก็มีข้อเสียหาก ผู้ใช้อื่น ไม่ได้ติดตั้ง extension นี้ อ่านเพิ่มเติมที่นี่ http://www.firefoxthai.com/...about-thai-word-wrap

2.กำหนด CSS overflow เป็น hidden ครับ วิธีนี้ต้องใช้ร่วมกับ display ที่เป็น block นะครับ ระวังด้วย วิธีนี้ ข้อเสียคือ Firefox จะซ่อนส่วนที่เกินออกไป ทำให้ไม่เห็นข้อความส่วนที่เกินครับ หรือถ้าไปซีเรียสมากนัก อาจกำหนดให้เป็น auto ก็ได้ครับ จะเห็น scrollbar แทน ดูเพิ่มเติมที่นี่