css英文强制不换行的方法是什么

这篇文章主要介绍“css英文强制不换行的方法是什么”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“css英文强制不换行的方法是什么”文章能帮助大家解决问题。

css英文强制不换行代码是“white-space:nowrap;”，其中“white-space”属性指定元素内的空白怎样处理，nowrap属性值则表示文本不会换行，并且文本会在同一行上继续，直到遇到<br>标签为止。

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)，否则没用。

实例

.p1{ word-break:break-all; width:150px;}
.p2{ word-wrap:break-word; width:150px;}
.p3{white-space:pre-wrap; width:150px;}
.p4{white-space:nowrap; width:10px;}
.p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}

word-break 语法

word-break : normal | break-all | keep-all

参数：

normal : 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行

break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本

keep-all : 与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本

css的全称是什么

css的全称是Cascading Style Sheets（层叠样式表），它是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

关于“css英文强制不换行的方法是什么”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。