用户登录
用户注册

分享至

css 英文强制不换行代码是什么

  • 作者: 热爱生-活
  • 来源: 51数据库
  • 2023-02-07

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

本教程操作环境:Windows10系统、css3版、DELL G3电脑

css 英文强制不换行代码是什么?

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相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本

软件
前端设计
程序设计
Java相关