Skip to toolbar

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

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

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

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


Deprecated: Theme without comments.php is deprecated since version 3.0.0 with no alternative available. Please include a comments.php template in your theme. in /home/zp1291/domains/oxygenyoyo.com/public_html/wp-includes/functions.php on line 4913

ฝากข้อคิดเห็น

This site uses Akismet to reduce spam. Learn how your comment data is processed.