เพื่อให้ตารางสามารถเติมเต็มหน้าจอ (พื้นที่ว่างที่เหลืออยู่) แอตทริบิวต์ความกว้างของมันมักจะถูกกำหนดเป็น: 100%และเซลล์จะถูกกำหนดโดยเปอร์เซ็นต์
แต่สิ่งนี้จะทำให้เกิดปัญหา: หากข้อความในเซลล์เกินขีด จำกัด ความกว้างมันจะห่อเส้นโดยอัตโนมัติและความสูงจะเพิ่มขึ้นโดยอัตโนมัติส่งผลให้สไตล์ที่ไม่สม่ำเสมอของตารางทั้งหมดซึ่งน่าเกลียดมาก
ทางออกที่ง่ายสำหรับเรื่องนี้คือการปิดใช้งานการแบ่งสายข้อความ: พื้นที่สีขาว: NowRap; ล้น: ซ่อน;
ง่ายมาก! แต่เอฟเฟกต์ยังคงไม่คาดคิด: ข้อความจะปรากฏขึ้นในบรรทัดเดียวความกว้างจะกว้างขึ้นโดยอัตโนมัติและเกินกว่าคอนเทนเนอร์พาเรนเดอร์ล้นไม่มีผลเลย!
เกิดอะไรขึ้น? เป็นเหตุผลของเปอร์เซ็นต์หรือไม่? แต่ถ้าคุณใช้ความกว้างคงที่คงที่ความยืดหยุ่นของตารางจะหายไป
ดังนั้นพบวิธีแก้ปัญหาที่ดีที่สุดโดยไม่ต้องใช้ความพยายามใด ๆ : ความกว้างของตารางคงที่: Table-Layout: แก้ไข;
โดยวิธีการที่ฉันทำการเรนเดอร์ง่าย ๆ อ้างถึงสิ่งต่อไปนี้: