CSS英文、中文强制换行与不换行的代码菜鸟教程
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
CSS英文、中文强制换行与不换行的代码菜鸟教程•1. word-break:break-all; 只对英文起作用，以字母作为换行依据
•2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据
•3. white-space:pre-wrap; 只对中文起作用，强制换行
•4. white-space:nowrap; 强制不换行，都起作用
•5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 不换行，超出部分隐藏且以省略号形式出现注意：一定要指定容器的宽度(width)，否则没用。
实例
<p class="p1">1.This is a dog.This is a dog.This is a dog.只对英文起作用，以字母作为换行依据</p>
<p class="p2">2.This is a dog.This is a dog.This is a dog.只对英文起作用，以单词作为换行依据</p>
<p class="p3">3.This is a dog.This is a dog.This is a dog.只对中文起作用，强制换行</p>
<p class="p4">4.This is a dog.强制不换行，都起作用</p>
<p class="p5">5.不换行，超出部分隐藏且以省略号形式出现</p> word-break 语法
word-break : normal | break-all | keep-all。