ตัดคำยาวๆ ด้วย CSS

orange plastic blocks on white surface

เวลาที่เราต้องการตัดคำยาวๆ มากๆ ให้แสดงสั้นลง มีวิธีการง่ายๆ ดังต่อไปนี้ แล้ว Text ก็จะดูเป็นระเบียบงดงาม แต่ข้อเสียคือแสดงข้อความไม่ครบ มันจะตัดอัตโนมัติเลย

<div><pre>overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; /* จำนวนบรรทัดที่แสดง */ -webkit-box-orient: vertical;</pre></div>
Code language: HTML, XML (xml)

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *