ความแตกต่างระหว่างการตัดคำและการแบ่งคำ

การตัดคำ:
ค่าเริ่มต้นปกติ เนื้อหาเกินขอบเขตของคอนเทนเนอร์
เนื้อหาแบบแบ่งคำจะตัดไปที่บรรทัดถัดไป และตัวแบ่งคำจะเกิดขึ้นเมื่อจำเป็น

แบ่งคำ:
ค่าเริ่มต้นปกติ อนุญาตให้แบ่งบรรทัดภายในคำได้ ดูเหมือนว่าจะใช้ได้กับข้อความภาษาเอเชียเท่านั้น
break-all ทำงานเหมือนปกติสำหรับข้อความภาษาเอเชีย แต่อนุญาตให้บรรทัดตัดข้อความที่ไม่ใช่ภาษาเอเชียโดยพลการ ค่านี้เหมาะกับข้อความภาษาเอเชียที่มีข้อความที่ตัดตอนมาบางส่วนจากข้อความที่ไม่ใช่ภาษาเอเชีย
Keep-all ไม่อนุญาตให้ใช้การแบ่งคำสำหรับภาษาจีน ญี่ปุ่น และเกาหลี ในลักษณะเดียวกับภาษาปกติสำหรับภาษาที่ไม่ใช่ภาษาเอเชียทั้งหมด

1.htm=============================================== = ====================

<สไตล์>
.c1{ ความกว้าง:300px; เส้นขอบ:1px สีแดงทึบ}
.c2{ width:300px;word-wrap:break-word; border:1px ทึบสีเหลือง}
.c3{ width:300px;word-wrap:break-word;word-break:break-all; เส้นขอบ: 1px สีเขียวทึบ}
.c4{ width:300px;word-wrap:break-word;word-break:keep-all; border:1px solid blue}
.c5{ width:300px;word-break:break-all; border:1px solid black}
.c6{ width:300px;word-break:keep-all; border:1px solid red}
.c7{ width:300px;word-wrap:break-word;overflow:auto; border:1px

สีเหลืองทึบ}
</สไตล์>

.c1{ ความกว้าง:300px; เส้นขอบ:1px สีแดงทึบ}
<คลาส div="c1">
safjaskflasjfklsajfklasjflksajflksjflkasjfksafj
</div>
<คลาส div=c1>
นี่คือภาษาอังกฤษทั้งหมด นี่คือภาษาอังกฤษทั้งหมด
</div>
<คลาส div=c1>
ทั้งหมดเป็นภาษาจีน ทั้งหมดเป็นภาษาจีน ทั้งหมดเป็นภาษาจีน
</div>
<คลาส div=c1>
การจัดเรียงแบบผสมผสานระหว่างภาษาจีนและภาษาอังกฤษ ภาษาจีนและภาษาอังกฤษ การจัดเรียงแบบผสมระหว่างภาษาจีนและภาษาอังกฤษ จีนและอังกฤษ
</div>

<br>
.c2{ width:300px;word-wrap:break-word; border:1px ทึบสีเหลือง}
<คลาส div="c2">
safjaskflasjfklsajfklasjflksajflksjflkasjfksafj
</div>
<คลาส div=c2>
นี่คือภาษาอังกฤษทั้งหมด นี่คือภาษาอังกฤษทั้งหมด
</div>
<คลาส div=c2>
ทั้งหมดเป็นภาษาจีน ทั้งหมดเป็นภาษาจีน ทั้งหมดเป็นภาษาจีน
</div>
<คลาส div=c2>
การจัดเรียงแบบผสมผสานระหว่างภาษาจีนและภาษาอังกฤษ ภาษาจีนและภาษาอังกฤษ การจัดเรียงแบบผสมระหว่างภาษาจีนและภาษาอังกฤษ จีนและอังกฤษ
</div>

<br>
.c3{ width:300px;word-wrap:break-word;word-break:break-all; เส้นขอบ: 1px สีเขียวทึบ}
<คลาส div="c3">
safjaskflasjfklsajfklasjflksajflksjflkasjfksafj
</div>
<คลาส div=c3>
นี่คือภาษาอังกฤษทั้งหมด นี่คือภาษาอังกฤษทั้งหมด
</div>
<คลาส div=c3>
ทั้งหมดเป็นภาษาจีน ทั้งหมดเป็นภาษาจีน ทั้งหมดเป็นภาษาจีน
</div>
<คลาส div=c3>
การจัดเรียงแบบผสมผสานระหว่างภาษาจีนและภาษาอังกฤษ ภาษาจีนและภาษาอังกฤษ การจัดเรียงแบบผสมระหว่างภาษาจีนและภาษาอังกฤษ จีนและอังกฤษ
</div>

<br>
.c4{ width:300px;word-wrap:break-word;word-break:keep-all; border:1px solid blue}
<คลาส div="c4">
safjaskflasjfklsajfklasjflksajflksjflkasjfksafj
</div>
<คลาส div=c4>
นี่คือภาษาอังกฤษทั้งหมด นี่คือภาษาอังกฤษทั้งหมด
</div>
<คลาส div=c4>
ทั้งหมดเป็นภาษาจีน ทั้งหมดเป็นภาษาจีน ทั้งหมดเป็นภาษาจีน
</div>
<คลาส div=c4>
การจัดเรียงแบบผสมผสานระหว่างภาษาจีนและภาษาอังกฤษ ภาษาจีนและภาษาอังกฤษ การจัดเรียงแบบผสมระหว่างภาษาจีนและภาษาอังกฤษ จีนและอังกฤษ
</div>

<br>
.c5{ width:300px;word-break:break-all; border:1px solid black}
<ระดับ div="c5">
safjaskflasjfklsajfklasjflksajflksjflkasjfksafj
</div>
<คลาส div=c5>
นี่คือภาษาอังกฤษทั้งหมด นี่คือภาษาอังกฤษทั้งหมด
</div>
<คลาส div=c5>
ทั้งหมดเป็นภาษาจีน ทั้งหมดเป็นภาษาจีน ทั้งหมดเป็นภาษาจีน
</div>
<คลาส div=c5>
การจัดเรียงแบบผสมผสานระหว่างภาษาจีนและภาษาอังกฤษ ภาษาจีนและภาษาอังกฤษ การจัดเรียงแบบผสมระหว่างภาษาจีนและภาษาอังกฤษ จีนและอังกฤษ
</div>

<br>
.c6{ width:300px;word-break:keep-all; border:1px solid red}
<คลาส div="c6">
safjaskflasjfklsajfklasjflksajflksjflkasjfksafj
</div>
<คลาส div=c6>
นี่คือภาษาอังกฤษทั้งหมด นี่คือภาษาอังกฤษทั้งหมด
</div>
<คลาส div=c6>
ทั้งหมดเป็นภาษาจีน ทั้งหมดเป็นภาษาจีน ทั้งหมดเป็นภาษาจีน
</div>
<คลาส div=c6>
การจัดเรียงแบบผสมผสานระหว่างภาษาจีนและภาษาอังกฤษ ภาษาจีนและภาษาอังกฤษ การจัดเรียงแบบผสมระหว่างภาษาจีนและภาษาอังกฤษ จีนและอังกฤษ
</div>

<br>
.c7{ width:300px;word-wrap:break-word;overflow:auto; border:1px ทึบสีเหลือง}
<คลาส div="c7">
safjaskflasjfklsajfklasjflksajflksjflkasjfksafj
</div>
<คลาส div=c7>
นี่คือภาษาอังกฤษทั้งหมด นี่คือภาษาอังกฤษทั้งหมด
</div>
<คลาส div=c7>
ทั้งหมดเป็นภาษาจีน ทั้งหมดเป็นภาษาจีน ทั้งหมดเป็นภาษาจีน
</div>
<คลาส div=c7>
การจัดเรียงแบบผสมผสานระหว่างภาษาจีนและภาษาอังกฤษ ภาษาจีนและภาษาอังกฤษ การจัดเรียงแบบผสมระหว่างภาษาจีนและภาษาอังกฤษ จีนและอังกฤษ
</div>