[How to] ทำกล่องไม่ให้อักษรเกินด้วย CSS

หลายๆคนเวลาทำเว็บจะมีบางตำแหน่งอย่างให้ตัวอักษรไม่เกินจากความกว้างของกล่องที่ครอบว่า ในกรณีนี้จะเป็น Div,a,span, etc. พวกนี้ โดยเราอยากให้มีตัวจุด 3 จุด ต่อท้ายให้รู้ว่ามันยังไม่จบนะมีต่ออีกแต่ประโยคมันยาวเกินไปเอาล่ะไปดูกันดีกว่าว่าทำอย่างไร

สิ่งแรกที่คุณต้องรู้จักคือ css ตัวนี้เลยครับ text-overflow โดยค่าที่ต้องตั้งคือ ellipsis นะครับตามนี้เลย > คลิก < แต่ไม่ใช่ว่าจะใช้อย่างเดียวนะครับจริงๆแล้วมันใช้พร้อมๆกับค่า overflow:hidden เพื่อไม่ให้เกินจากความกว้างกล่องที่เรากำหนดครับ

สั้นๆง่ายๆสำหรับวันนี้เพราะผมไปเจอมาเลยอยากเขียนแชร์ไว้ครับผม