โดยปกติแล้วเมื่อเราอ่านชื่อบทความและพบอักขระมากเกินไป เราจะดักอักขระจำนวนหนึ่งบนฝั่งเซิร์ฟเวอร์ผ่านโปรแกรม จากนั้นจึงเพิ่ม... เพื่อให้เกิดการดักจับความยาวของชื่อเรื่อง ที่จริงแล้ว เรายังสามารถควบคุมมันผ่าน CSS ได้ด้วย
คอลัมน์จริงมีดังนี้:
.title
-
ความกว้าง:200px;
พื้นที่สีขาว: nowrap;
แบ่งคำ: เก็บทั้งหมด;
ล้น: ซ่อน;
ข้อความล้น: จุดไข่ปลา;
}
สามารถอ้างอิงได้ด้วย span หรือ div ตัวอย่างเช่น:
<span class=title>ไคลเอนต์แก้ปัญหาการแสดงชื่อที่ยาวเกินไป โดยละส่วนเพิ่มเติมและเพิ่มจุดไข่ปลา</span>
<div class=title>ไคลเอนต์ แก้ปัญหาการแสดงชื่อเรื่องยาวเกินไป โดยละเว้นส่วนพิเศษ Style ด้วยจุดไข่ปลา </div>
สองตัวอย่างข้างต้นจะแสดงหลังจากมีความกว้างเกิน 200px ที่กำหนดโดยสไตล์ และอักขระต่อไปนี้จะถูกแทนที่ด้วย...