css中怎么使文字不换行 css


【css中怎么使文字不换行 css】css如何使文字不改行?不知道的小伙伴们来看看小编今天的分享吧!
css中使文字不换行,输入代码:
white-SPAce: nowrap;
normal:默许 。浏览器会忽略空白 。
pre:浏览器将保留空白 。其行为方式与 相似HTML 中的 <pre> 标签 。
nowrap:文本不会改变,文本会继续在同一行,直到遇到 <br> 直到标签 。
pre-wrap:保留空白符序列,但正常换行 。
pre-line:合并空白符序列,但保留换行符 。
inherit:要求从父元素继承 white-space 属性值 。
拓展资料:
1、允许长字换行
word-wrap:break-word;
normal: 只在允许的断字点换行(浏览器默认处理) 。
break-word: 长单词或 URL 地址内换行 。
2、换行不断单词
word-break:break-all;
normal: 使用浏览器默认换行规则 。
break-all: 允许在单词中换行 。
keep-all: 只能在半角空格或连字符处换行 。
3、单行文字超过显示省略号
Overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
4、多行文字超出显示省略号
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
5、大换行有隔离距离花式
可以应用CSS配置宽度自动换行 。我们可以在一个div在里面,加一个div并参预css图案,退出div设置对应的css宽度可以自行换行 。
6、填补换行和不换行的知识
CSS设置不转行CSS属性标签:overflow:hidden 暗藏——css 窜伏white-space:normal 默许pre 换行等空白字符都会被眷注 。nowrap 勒迫在对抗行中表示所有文本,直到文本结束br 对象 。
设置摆设强行换行CSS属性标签 。word-break:normal ; 根据亚洲语言和非亚洲语言的文本划分,批准在字里换行 。break-all normal类似的 。我也同意在非亚洲语言文本行中断开任何单词 。该值适当包含一些非亚洲文本的亚洲文本 。keep-all normal同样 。关于中文、韩文、日文,不允许断开 。非亚洲文本适合征求大量亚洲文本 。
以上是小编今天的分享 。我希望它能帮助你 。