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