เวลาที่เราต้องการตัดคำยาวๆ มากๆ ให้แสดงสั้นลง มีวิธีการง่ายๆ ดังต่อไปนี้ แล้ว 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

…

ในยุคที่ Social กำลังบูม หลายคนคงเคยชินการขายของผ่าน Facebook จนลืมไปว่าเว็บไซต์ก็สำคัญไม่แพ้กัน และ ควรที่จะทำควบคู่ไปด้วย 5 เหตุผลหลักๆ ว่าทำไม ขายสินค้าต่างๆ ควรมีเว็บไซต์เป็นของคนเองดังต่อไปนี้

• Social ก็มีวันล่มได้ ใครที่บอกว่า Facebook ไม่ล่มหรอก หลายๆ คน คงเคยพบว่า Facebook / Instagram ก็เคยล่มและเข้าใช้งานไม่ได้มาแล้ว และมันไม่มีอะไรแน่นอนเลย ในขณะที่ของก็ต้องขาย สินค้าจะแสดงก็อยู่บน Social หมด เว็บไซต์จึงเป็นทางเลือกที่สอง ที่ทำให้ลูกค้าของคุณยังติดต่อกับสินค้าของคุณได้

• สร้างความน่าเชื่อถือ จะดีไหม ถ้าเกิดว่าลูกค้าของคุณ ได้เห็นช่องทางที่คุณจะมี เพิ่มอีกช่องทางนึง และมันเป็นเว็บไซต์ของคุณเอง แน่นอน ลูกค้าของท่านก็ยังรับรู้ได้ว่าคุณมีตัวตนจริงๆนะ

…

หากไม่อยากเสียเวลาที่จะต้องมานั่งหา CSS ที่ดูไม่เป็นระเบียบจัดเรียงอ่านยาก หรือ ทำงานต่อจากคนอื่นแล้ว โดนรวม CSS มาให้แก้ไขยาก ต้องการจะจัดระเบียบ CSS ที่ระเกะระกะ ไม่เป็นระเบียบ ให้อ่านง่าย หาง่าย แก้ไขได้ง่าย ไม่ยากเลย แก้ Copy และ วาง
ผมเข้าไปแก้ที่ เว็บนี้ครับ cleancss.com/css-beautify

วิธีใช้ก็ง่ายมาก แค่ Copy CSS ชุดที่ไม่เป็นระเบียบมา แล้ว กด CSS Formatter ก็จะถูกจัดระเบียบสวยงาม อ่านได้อ่านง่าย หาง่าย ไปใช้ทันทีครับ…