网站建设资讯

NEWS

网站建设资讯

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

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

我们提供的服务有:网站制作、网站建设、微信公众号开发、网站优化、网站认证、青山ssl等。为上千多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的青山网站制作公司

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

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英文强制不换行的方法是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


网站栏目:css英文强制不换行的方法是什么
路径分享:http://cdweb.net/article/jjjjop.html