whitespace

normal
连续的空白符会被合并,换行符会被当作空白符来处理。填充line盒子时,必要的话会换行。
nowrap
和 normal 一样,连续的空白符会被合并。但文本内的换行无效。
pre
连续的空白符会被保留。在遇到换行符或者<br>元素时才会换行。 
pre-wrap
连续的空白符会被保留。在遇到换行符或者<br>元素,或者需要为了填充line盒子时才会换行。
pre-line
连续的空白符会被合并。在遇到换行符或者<br>元素,或者需要为了填充line盒子时会换行。

下面的表格总结了各种 white-sapce 值的行为:

  换行符 空格和制表符 文字转行
normal 合并 合并 转行
nowrap 合并 合并 不转行
pre 保留 保留 不转行
pre-wrap  保留 保留 转行
pre-line  保留 合并 转行

时间: 2024-12-11 13:02:59

whitespace的相关文章

每天CSS学习之white-space

white-space是CSS的属性,其作用是规定文本不进行换行. white-space有以下几个值: 1.normal:该值为默认值,段落前后的空白会被浏览器忽略.如下所示: <div style="width:200px;height:200px;white-space:normal;"> This is an Action! </div> 我们在This的前面加了许多空白,在Action的后面也加了许多空白.但是结果如下: 2.pre:段落前后的空白会被

python中的whitespace

python中strip()和split()在无参数的情况下使用whitespace做为默认参数,在帮助文档中对whitespace的解释为6个字符,它们是space, tab, linefeed, return, formfeed, and vertical tab wiki的ASCII中对whitespace的定义多了一个backspace,它们是 10进制码 08 09 10 11 12 13 32 16进制码 08 09 0A 0B 0C 0D 20 英文缩写 BS HT LF VT F

CSS white-space 属性

实例 规定段落中的文本不进行换行: p { white-space: nowrap } nowrap:文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止.

xml空格WhiteSpace处理

XML 将以下四种字符归为空白字符 WhiteSpace :回车符(\r 或 ch(13)).换行符(\n 或 ch(10)).制表符 (\t) 以及空格 (' '). 在 XML 文档中,空白字符分为两类:有意义空白字符 是文档内容的一部分,应予以保留.无意义空白字符 在编辑 XML 文档时使用,以增加可读性.这些空白字符一般在文档交付时不予保留. 默认情况,WhiteSpace是 DOM_Document的子节点,类型是DOM_Text,所以 XML的空白问题只是针对文本元素DOM_Text

white-space: nowrap

CSS:需要加上宽度(width:100px).超出隐藏(overflow:hidden;).强制在同一行显示(white-space: nowrap;).省略号(text-overflow:ellipsis;)

文本换行word-wrap、word-break与white-space

本文同步至微信公众号:http://mp.weixin.qq.com/s?__biz=MzAxMzgwNDU3Mg==&mid=401671055&idx=1&sn=b88c986e61708da0027fac035ad36f0f#rd 对于后续文章感兴趣的可以添加关注: 文中有些地方没显示全,查看全部内容,请点击上面的原文链接哈 在对页面内容进行排版的时候,不可避免的会遇到对文本进行处理的问题.今天整理了文本换行相关的内容,记录下来分享之.毕竟,好记性不如烂笔头嘛. 对于文本换行

关于white-space的属性行为

white-space的属性行为:pre-line.normal.nowrap.pre.pre-wrap五个属性. pre-line属性表示空白符合并.换行符保留.自动换行允许: normal属性表示空白符合并.换行符忽略.自动换行允许: nowrap属性表示空白符合并.换行符忽略.自动换行不允许: pre表示空白符保留.换行符保留.自动换行不允许: pre-wrap表示空白符保留.换行符保留.自动换行允许. 根据需要而选取不同属性,才能使文本属性可定义文本的外观进行进一步的优化. text-i

white-space中 pre pre-line pre-wrap的区别

css3为white-space新增了2个值:pre-line与pre-wrap. 那么,这2个新增值与pre又有什么区别呢? pre:会保留空格,但我想它与pre-line/pre-wrap最大的不同点就是不会自动换行,单行走到底,直到遇到一个换行符才会换行. pre-line与pre-wrap都会自动换行 但pre-line会把多个空格合并成一个. 而pre-wrap会保留空格.

切图让我进步!关于white-space属性的组合拳

菜鸟一枚,没有大神的风骚,只有一点在练习中的心得,今天获得的知识是关于white-space属性.overflow属性还有text-overflow属性的组合使用,废话不多说浪费时间,进入今天的正题! 先上一张图: 这是一张最普通的图了,应该没人会看不懂吧?一行文本在一个div里面没有换行,到了浏览器中变成了两行,那该怎么解决?菜鸟继续!老鸟消失-- 那当然是加代码了!加了white-space: nowrap;的CSS样式代码后,浏览器就显示为一行了!我对这个代码的理解是"文本不换行"

white-space——处理元素内的空白

定义和用法 white-space 属性设置如何处理元素内的空白.这个属性声明建立布局过程中如何处理元素中的空白符.值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的. 默认值: normal 继承性: yes 版本: CSS1 JavaScript 语法: object.style.whiteSpace="pre" 实例: 规定段落中的文本不进行换行: p{ white-space: nowrap } 浏览器支持 所有浏览器都支持 white-space 属性.