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同样。关于中文、韩文、日文，不允许断开。非亚洲文本适合征求大量亚洲文本。

以上是小编今天的分享。我希望它能帮助你。

- END -