เรารู้วิธีเขียน CSS สำหรับตัวแบ่งบรรทัด Div และตัวแบ่งที่ไม่ใช่บรรทัด แต่สำหรับเซลล์ตาราง เรารู้เพียงแอตทริบิวต์เดียวเท่านั้น คือ nowrap ซึ่งสามารถป้องกันไม่ให้ห่อได้ ฉันมีความต้องการนี้เมื่อเร็วๆ นี้ แต่ฉันพบว่าการเพิ่ม nowrap จะยังคงทำให้เกิดการขึ้นบรรทัดใหม่ในบางกรณี! น่าเสียดายที่ไม่มีวิธีบังคับให้ไม่ขึ้นบรรทัดใหม่ใช่ไหม
วิธีใช้ CSS เพื่อตัดบรรทัดอัตโนมัติหรือไม่ตัดข้อมูลเซลล์ตาราง:
1. การบังคับแบ่งบรรทัด:
＜style type="text/css"><
.ออโต้นิวไลน์
-
การแบ่งคำ: แบ่งทั้งหมด;/*จำเป็น*/
-
＜/สไตล์><
<ตาราง>
<tr>
<td class="AutoNewline">
ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ ห่อบรรทัดอัตโนมัติ
</td>
</tr>
＜/โต๊ะ><
2. บังคับให้ไม่แบ่งบรรทัด:
＜style type="text/css"><
.ไม่มีบรรทัดใหม่
-
การแบ่งคำ: Keep-all;/*required*/
-
＜/สไตล์><
<ตาราง>
<tr>
＜td class="NoNewline">ไม่ขึ้นบรรทัด,ไม่ขึ้นบรรทัด,ไม่ขึ้นบรรทัด,ไม่ขึ้นบรรทัด,ไม่ขึ้นบรรทัด,ไม่ขึ้นบรรทัด,ไม่แบ่งบรรทัด,ไม่แบ่งบรรทัด,ไม่แบ่งบรรทัด,ไม่แบ่งบรรทัด＜/td >
</tr>
＜/โต๊ะ><