white-space:nowrap详解white-space的用法

white-space : normal nowrap强制同一行内显示所有文本文字，让所有文字内容中一排显示不换行。

让文字不自动换行，无论CSS宽度设置多少，所有文字都在一行内显示。特别是标题列表，我们想一行只显示一条标题内容，而有时宽度有限标题文字多了width(宽度)又有限，这样会造成文字自动换行，这个时候我们可以使用white-space样式让他一排显示不换行，为了隐藏超出的文字内容可以再加一个css overflow:hidden样式，就会出现这样一个效果

white-space语法： white-space : normal nowrap

white-space参数：

normal : 默认处理方式，空白会被浏览器忽略。

pre： 空白会被浏览器保留，pre 空白会被浏览器保留。 其行为方式类似 HTML 中的 <pre> 标签。

nowrap : 文本不会换行，强制在同一行内显示所有文本，直到文本结束或者遭遇br标签对象才换行。推荐使用white-space:nowrap强制不换行。

white-space说明： white-space设置或检索对象内文本显示方式。

通常我们使用于强制一行显示内容 通常我们使用white-space:nowrap强制文本文字内容不换行，在对象内一行显示完所有文字内容。

浏览器支持所有浏览器都支持 white-space 属性。

pre-wrap ：保留空白符序列，但是正常地进行换行。

pre-line ：合并空白符序列，但是保留换行符。

inherit ：规定应该从父元素继承 white-space 属性的值。

【注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。】