white-space，“white-space： nowrap;”此代码是什么意思
本篇文章给大家谈谈white-space，以及“white-space: nowrap;”此代码是什么意思对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。
“white-space: nowrap;”此代码是什么意思
禁止文件自动换行。
white-space，英语词组意思为空余时间，在计算机术语中的意思是泛空格符。white-space属性设置如何处理元素内的空白。
nowrap:强制在同一行内显示所有文本，直到文本结束或者遭遇 br对象。设置或检索对象内空格字符的处理方式。
空格字符，像换行，空格，TAB，在HTML文档中默认的是被忽略的。当此属性设置为 normal或者 nowrap时，你可以使用不换行空格的命名实体来添加空格，用 br元素来添加换行。此属性对你使用文档对象模型(DOM)操作的内容的影响与其对IE显示内容的影响是一样的。
此属性作用于块对象。
此属性对于 currentStyle对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 whiteSpace。
示例：
normal：轻轻地我走了正如我轻轻地来。
pre：轻轻地我走了（这里接很多测试文字）正如我轻轻地来。
pre- wrap：轻轻地我走了（这里接很多测试文字）正如我轻轻地来pre- line轻轻地我走了（这里接很多测试文字）正如我轻轻地来。
nowrap：轻轻地我走了正如我轻轻地来。
扩展资料：
在使用white-space:nowrap强制文本不换行后，发现之前自动换行的问题解决了，但同时空格也合并了。
因为是代码块，可能有很多行，而每行的前面都需要用空格表示代码的层次关系，所以不希望空格被合并。
所以强制文本不换行的前提下保留原有的空格不合并
设置或检索对象内空格字符的处理方式。
空格字符，像换行，空格，TAB，在HTML文档中默认的是被忽略的。当此属性设置为 normal或者 nowrap时，你可以使用不换行空格的命名实体来添加空格，用 br元素来添加换行。
此属性对你使用文档对象模型(DOM)操作的内容的影响与其对IE显示内容的影响一样。
此属性作用于块对象。
此属性对于 currentStyle对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 whiteSpace。
参考资料来源：百度百科-white-space
white-space的基本语法
规定段落中的文本不进行换行：
p{ white-space: nowrap}所有浏览器都支持 white-space属性。
注释：任何的版本的 Internet Explorer（包括 IE8）都不支持属性值 inherit。 normal:默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行。
pre:用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。换行和其他空白字符都将受到保护。这个值需要IE6+或者!DOCTYPE声明为 standards-compliant mode支持。如果!DOCTYPE声明没有指定为 standards-compliant mode，此属性可以使用，但是不会发生作用。结果等同于 normal。参阅 pre对象。
nowrap:强制在同一行内显示所有文本，直到文本结束或者遭遇 br对象。参阅td，div等对象的nowrap属性（特性）
在css样式中white-space: normal;具体指什么意思
white-space: normal| pre| nowrap
取值：
normal:默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行
pre:换行和其他空白字符都将受到保护。这个值需要IE6+或者!DOCTYPE声明为 standards-compliant mode支持。如果!DOCTYPE声明没有指定为 standards-compliant mode，此属性可以使用，但是不会发生作用。结果等同于 normal。参阅 pre对象
nowrap:强制在同一行内显示所有文本，直到文本结束或者遭遇 br对象。参阅 noWrap属性
说明：
设置或检索对象内空格字符的处理方式。
空格字符，像换行，空格，TAB，在HTML文档中默认的是被忽略的。当此属性设置为 normal或者 nowrap时，你可以使用不换行空格的命名实体来添加空格，用 br元素来添加换行。此属性对你使用文档对象模型(DOM)操作的内容的影响与其对IE显示内容的影响一样。
此属性作用于块对象。
此属性对于 currentStyle对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 whiteSpace。
示例：
p{ white-space: nowrap;}
white-space详解
【目录】
white-space属性设置处理元素内的空白，所谓空白有哪些？
Space(空格)、Enter(回车)、Tab(制表符)
我们熟知的是：
但是开发的要求各种各样，white-space的功能属性也很强大，可以有各种各样的不同效果，下面来看一张图：
这个古诗是怎么打出来的呢？
下面一个表格来说明一下出现这种情况的原因：
同样是320px的手机，iphone4可以在一行显示，但是安卓端就会有错位现象，这个开始让我很头疼：
ios端
andriod
这样的话使用媒体查询也无法处理，所以在这一行的父元素中设置，所有的元素强制一行显示。
文字超出去怎么办？
一般都自动换行了，想要文字溢出的部分自动用省略号表示，那么离不开三个属性:
可以看到下面的效果:
如果是显示诗歌，或者文案之类的，很多情况需要输入什么样子，出来什么样子。
这个时候用pre属性是最合适的(毕竟兼容性最好么):
version1.0—— 2018/4/23，首次创建white-space详解
©burning_韵七七
好了，关于white-space和“white-space: nowrap;”此代码是什么意思的问题到这里结束啦，希望可以解决您的问题哈！