`
jobar
  • 浏览: 349943 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

CSS 里面的white-space属性

 
阅读更多
有些css属性,当你用到的时候才会关注他的作用。比如white-space。

white-space 属性设置如何处理元素内的空白。
这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。
注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
描述
normal默认。空白会被浏览器忽略。
pre空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
pre-wrap保留空白符序列,但是正常地进行换行。
pre-line合并空白符序列,但是保留换行符。
inherit规定应该从父元素继承 white-space 属性的值。


在ExtJS里面的panel设置html属性后,文本内容一片,换行符空白都丢失了,这个时候white-space属性起了很大的作用,可以是你保留原来的空白以及换行符。
分享到:
评论

相关推荐

    CSS属性 - white-space 空白属性使用说明

    CSS 属性 - white-space 空白属性使用说明 白白空属性是 CSS 中一个重要的属性,它用于控制 HTML 元素中的空白处理。通过设置 white-space 属性,我们可以控制文本在元素中的换行、空格和制表符等空白符的处理方式...

    css white-space:nowrap属性用法(可以强制文字不换行输出)

    在CSS中,`white-space` 属性用于控制元素内的空白符处理方式,它允许开发者对文本的换行、缩进和空白字符的行为进行定制。在某些场景下,我们可能需要强制文本不换行,保持在一行内显示,这就是`white-space: ...

    css中强制换行word-break、word-wrap、white-space区别实例说明

    复制代码代码如下:”c1″&gt;safjaskflasjfklsajfklasjflksajflksjflkasfdsafdsfksafj&lt;/div&gt;&lt;div class=c1&gt;This is all English. This is all English. This is all English.&lt;/div&gt;&lt;div class=c1&gt;全是中文的情况。...

    css文本换行属性word-wrap和white-space使用总结

    今天碰到了td文字内容不换行,发现是:white-space: nowrap,即强制文本不进行换行,顺便看了一下文本换行的属性word-wrap,总结如下: white-space的默认只是normal,自动换行。 word-break:break-all和word-wrap:...

    使用white-space来阻止文字显示自动换行

    `white-space` CSS 属性正是为此而生,它允许我们精确地定义文本如何处理空白、换行和其他空白字符。在标题提及的场景中,`white-space` 被用来阻止文字自动换行,以确保所有文字都在同一行内显示,即使内容超过了...

    css-whitespace-maybe:css-whitespace 的包装器,试图避免转换已经有效的 CSS

    而`css-whitespace-maybe`是一个JavaScript库,它作为`css-whitespace`的包装器,主要目的是优化CSS处理,特别是关于空白字符的处理。本文将深入探讨`css-whitespace-maybe`的用途、工作原理以及它如何帮助开发者...

    css详解box-sizing.zip

    .url`和`从box-sizing-border-box属性入手,来了解盒模型 -用box-size border-box改变盒模型的结构.url`这两个链接则涉及到了与Box Sizing相关的其他CSS属性,如`text-overflow`,`white-space`和`overflow`,它们...

    white-space:nowrap的应用

    为了解决这个问题,我们可以利用CSS中的`white-space: nowrap`属性。 `white-space`属性控制元素内的空白字符如何处理。默认情况下,浏览器会自动折行以适应容器的宽度,但`white-space: nowrap`属性则禁止这种自动...

    css属性索引----帮助你制作html网页

    文本属性中,`text-align`用于文本对齐,`text-decoration`控制装饰线,如下划线,`text-indent`设置首行缩进,`text-transform`改变文本大小写,`white-space`处理空白字符,`word-spacing`和`letter-spacing`调整...

    IE6,IE7下实现white-space:pre-wrap

    `white-space` 是一个关键的CSS属性,它决定了浏览器如何处理元素内的空白字符,如空格、制表符和换行符。`white-space: pre-wrap` 是这个属性的一个值,它允许保留空白符和换行,同时支持自动换行,使得内容可以在...

    CSS教程 非常好用

    **7.7 CSS white-space属性** - 设置空白符处理方式。 ```css p { white-space: nowrap; } ``` #### 八、CSS字体 **8.1 CSS font-family属性** - 设置字体家族。 - **8.1.1 CSS family-name系列性字体名称...

    英文强制换行css 使用css强制英文单词断行代码

    使用css属性word-break:break-all; 后的效果:如下图:   强制不换行 复制代码代码如下:{ white-space:nowrap; } 自动换行 复制代码代码如下:{ word-wrap: break-word; word-break: normal; } 强制英文单词断行...

    美工之路 网页设计视频教程CSS篇-15.文本:空白white-space.rar

    美工之路系列视频是为那些想从事网页前台设计的设计师们和网页设计爱好者量身定制的,本教程包含4个部分:HTML篇,CSS篇,Javascript篇和XML篇.不仅适用于网页设计的初学者,对中级以上水平的人员也有一定参考价值,使...

    CSS属性text-overflow的使用问题

    总结来说,`text-overflow`、`overflow`和`white-space`是CSS中处理文本溢出问题的关键属性,它们共同协作,使我们可以优雅地处理那些无法完全在容器内显示的文本,提供更好的用户体验。在网页设计和开发中,理解和...

    make-css-file-arrays.rar_little

    在描述中提到的"Crunch whitespace just to make it a little smaller."这句话表明,这个Perl脚本的功能主要是处理CSS文件中的空白字符,如空格、换行符和缩进,将其“压缩”或删除,从而达到减小文件体积的目的。...

    css中text-overflow属性与文本截断详解

    这个属性通常与`overflow`和`white-space`属性一起使用,来实现文本的截断和省略。本文将深入探讨`text-overflow`属性以及与文本截断相关的技巧。 ### text-overflow 属性 `text-overflow`属性在CSS Basic User ...

    postcss-time-machine, 在CSS本身的设计中,修复错误.zip

    postcss-time-machine, 在CSS本身的设计中,修复错误 Time Machine 在CSS本身的设计中,时间机器错误,如CSSWG语句所描述的那样。他们特别要求将这些修正为"如果有人发明了一个时间...无包装在 white-space 中,nowra

Global site tag (gtag.js) - Google Analytics