ปัญหาหลักเกี่ยวกับความยาวข้อความจำกัดของสแปนคืออาจทำให้ข้อความถูกตัดทอนหรือไม่สมบูรณ์ได้ สิ่งนี้อาจเป็นปัญหาอย่างยิ่งในกรณีที่ข้อความที่แสดงมีความสำคัญหรือมีข้อมูลที่สำคัญ หากข้อความยาวเกินไป ข้อความจะถูกตัดออกและอาจทำให้ผู้ใช้อ่านไม่เข้าใจ นอกจากนี้ หากข้อความถูกตัดทอน ข้อความนั้นอาจไม่สื่อความหมายที่ต้องการ และอาจทำให้เกิดความสับสนหรือตีความหมายผิดได้
<span style="max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">This is a long sentence that will be limited to 100 characters.</span>
1. บรรทัดนี้กำหนดความกว้างสูงสุดของช่วงเป็น 100px:
`
'ช่วง' ใน HTML คืออะไร
HTML องค์ประกอบใช้เพื่อจัดกลุ่มองค์ประกอบแบบอินไลน์ในเอกสาร ซึ่งให้วิธีการเพิ่มโครงสร้างภายในเอกสาร ทำให้คุณสามารถจัดกลุ่มองค์ประกอบต่างๆ เข้าด้วยกัน และใช้สไตล์ เค้าโครง และแอตทริบิวต์กับองค์ประกอบที่จัดกลุ่มได้ องค์ประกอบ span เป็นองค์ประกอบแบบอินไลน์และไม่ได้เพิ่มบรรทัดใหม่หรือองค์ประกอบระดับบล็อกลงในเอกสาร
ฉันจะจำกัดข้อความในช่วงได้อย่างไร
คุณสามารถจำกัดข้อความในองค์ประกอบ span ใน HTML ได้โดยใช้คุณสมบัติ CSS max-width คุณสมบัตินี้อนุญาตให้คุณตั้งค่าความกว้างสูงสุดสำหรับองค์ประกอบ และข้อความที่เกินความกว้างนี้จะถูกตัดทอน หากต้องการใช้พร็อพเพอร์ตี้นี้ ให้เพิ่มลงในสไตล์ชีต CSS และตั้งค่าเป็นความกว้างสูงสุดที่ต้องการ:
ช่วง {
ความกว้างสูงสุด: 200px;
}
วิธีนี้จะจำกัดองค์ประกอบช่วงบนหน้าของคุณให้มีความกว้างสูงสุด 200px ข้อความที่เกินความกว้างนี้จะถูกตัดด้วยจุดไข่ปลา (…)