请教一个css问题
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。
它们的区别就在于:1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation等),它会把单词截断,变成该行末端为conra(congratulation的前端部分),下一行为tulation(conguatulation)的后端部分了。
2,word-wrap:break-word 例子与上面一样,但区别就是它会把congratulation整个单词看成一个整体,如果该行末端宽度不够显示整个单词,它会自动把整个单词放到下一行,而不会把单词截断掉的。
3,word-break;break-all 支持版本:IE5以上 该行为与亚洲语言的 normal 相同。
也允许非亚洲语言文本行的任意字内断开。
该值适合包含一些非亚洲文本的亚洲文本。
WORD-WRAP:break-word 支持版本:IE5.5以上 内容将在边界内换行。
如果需要,词内换行( word-break )也将发生。
表格自动换行,避免撑开。
word-break : normal | break-all | keep-all 参数: normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行 break-all : 该行为与亚洲语言的normal相同。
也允许非亚洲语言文本行的任意字内断开。
该值适合包含一些非亚洲文本的亚洲文本 keep-all : 与所有非亚洲语言的normal相同。
对于中文,韩文,日文,不允许字断开。
适合包含少量亚洲文本的非亚洲文本 语法: word-wrap : normal | break-word 参数: normal : 允许内容顶开指定的容器边界 break-word : 内容将在边界内换行。
如果需要,词内换行(word-break)也行发生说明:设置或检索当当前行超过指定容器的边界时是否断开转行。
对应的脚本特性为wordWrap。
请参阅我编写的其他书目。
语法: table-layout : auto | fixed 参数: auto : 默认的自动算法。
布局将基于各单元格的内容。
表格在每一单元格读取计算之后才会显示出来。
速度很慢 fixed : 固定布局的算法。
在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关说明:设置或检索表格的布局算法。
对应的脚本特性为tableLayout。
建议:word-break 用3C检测会显示问题的,导致百度快照也会出问题-这个属性OPERA FIREFOX 浏览器也不支持 word-break属性可以用white-space:normal;来代替,这样在FireFox和IE下就都能正确换行,而且要注意,单词间的空格不能用 来代替,不然不能正确换行。
我在网站上试验过确实不支持,你可以再W3C验证一下
CSS验证:“word
展开全部 我们在写页面代码的时候,有时把一个表格的宽度定死后会出现里面的文字不见了,特别是英文。
这就是他换行了所导致的,这时我们就需要加些CSS元素让它来听我们的话!根据自己以往的经验,也参考了些网上的文章,具体如下:强制不换行div{white-space:nowrap;}自动换行div{ word-wrap: break-word; word-break: normal; }强制英文单词断行div{word-break:break-all;}============================================CSS设置不转行:overflow:hidden 隐藏white-space:normal 默认 pre 换行和其他空白字符都将受到保护nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象设置强行换行word-break: normal ; 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行break-all : 该行为与亚洲语言的normal相同。
也允许非亚洲语言文本行的任意字内断开。
该值适合包含一些非亚洲文本的亚洲文本keep-all : 与所有非亚洲语言的normal相同。
对于中文,韩文,日文,不允许字断开。
适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法============================================看了以上的介绍,赶快试一下,看看效果吧!英文不换行CSS里加上 word-break: break-all; 问题解决。
这个问题只有IE才有,在FF下测试,FF可以自己加滚动条,这样也不影响效果建议大家做Skin时,记得在body里加 word-break: break-all; 这样可以解决IE的框架被英文撑开的问题以下引用word-break的说明, 注意word-break 是IE5+专有属性语法:word-break : normal | break-all | keep-all参数:normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行break-all : 该行为与亚洲语言的normal相同。
也允许非亚洲语言文本行的任意字内断开。
该值适合包含一些非亚洲文本的亚洲文本keep-all : 与所有非亚洲语言的normal相同。
对于中文,韩文,日文,不允许字断开。
适合包含少量亚洲文本的非亚洲文本说明:设置或检索对象内文本的字内换行行为。
尤其在出现多种语言时。
对于中文,应该使用break-all 。
对应的脚本特性为wordBreak。
请参阅我编写的其他书目。
示例:div {word-break : break-all; }觉得怎么样??????????????
css,文字在内部换行问题
展开全部 CSS强制换行/自动换行/强制不换行一般情况下,在或者等盒子模型内,元素默认都会换行,默认样式:white-space:normal,但也不排除特殊情况,比如测试人员,他们的习惯都很特别,于是我们就需要设置强制换行样式。
强制换行:word-break:break-all; /*支持IE,chrome,FF不支持*/word-wrap:break-word;/*支持IE,chrome,FF*/自动换行:word-wrap: break-word;word-break: normal;强制不换行:white-space:nowrap;CSS设置不转行:overflow:hidden 隐藏white-space:normal 默认pre 换行和其他空白字符都将受到保护nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象设置强行换行word-break:normal ; 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行break-all : 该行为与亚洲语言的normal相同。
也允许非亚洲语言文本行的任意字内断开。
该值适合包含一些非亚洲文本的亚洲文本keep-all : 与所有非亚洲语言的normal相同。
对于中文,韩文,日文,不允许字断开。
适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法英文不换行CSS里加上 word-break: break-all; 问题解决。
这个问题只有IE才有,在FF下测试,FF可以自己加滚动条,这样也不影响效果建议大家做Skin时,记得在body里加 word-break: break-all; 这样可以解决IE的框架被英文撑开的问题以下引用word-break的说明, 注意word-break 是IE5+专有属性语法:word-break : normal | break-all | keep-all参数:normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行break-all : 该行为与亚洲语言的normal相同。
也允许非亚洲语言文本行的任意字内断开。
该值适合包含一些非亚洲文本的亚洲文本keep-all : 与所有非亚洲语言的normal相同。
对于中文,韩文,日文,不允许字断开。
适合包含少量亚洲文本的非亚洲文本说明:设置或检索对象内文本的字内换行行为。
尤其在出现多种语言时。
对于中文,应该使用break-all 。
对应的脚本特性为wordBreak。
请参阅我编写的其他书目。
示例:div {word-break : break-all; }
怎么用CSS限定A链接的文字强制不换行呢?
强制不换行 a{ white-space:nowrap; }再补充说明所有关于换行的CSS样式:white-space: normal|pre|nowrap|pre-wrap|pre-line|inherit; white-space 属性设置如何处理元素内的空白 normal 默认。
空白会被浏览器忽略。
pre 空白会被浏览器保留。
其行为方式类似 HTML 中的 pre 标签。
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 br 标签为止。
pre-wrap 保留空白符序列,但是正常地进行换行。
pre-line 合并空白符序列,但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。
word-wrap: normal|break-word; word-wrap 属性用来标明是否允许浏览器在单词内进行断句,这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。
normal: 只在允许的断字点换行(浏览器保持默认处理) break-word:在长单词或URL地址内部进行换行 word-break: normal|break-all|keep-all;word-break 属性用来标明怎么样进行单词内的断句。
normal:使用浏览器默认的换行规则。
break-all:允许再单词内换行 keep-all:只能在半角空格或连字符处换行
如何利用CSS控制文本只在一行显示
用CSS让文字在一行内显示不换行的方法:一般的文字截断(适用于内联与块):.text-overflow{display:block; /*内联对象需加*/width:31em;word-break:keep-all; /* 不换行 */white-space:nowrap; /* 不换行 */overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis; /*溢出时显示省略标记...;需与overflow:hidden;一起使用*/}对于表格,定义有点不一样:table{width:30em;table-layout:fixed; /*只有定义了表格的布局算法为fixed,下面td的定义才能起作用*/}td{width:100%;word-break:keep-all; /* 不换行 */white-space:nowrap; /* 不换行 */overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis; /* 溢出时显示省略标记...;需与overflow:hidden;一起使用*/}注:这个只对单行的文字的效,如果你想把它用在多行上,也只有第一行有作用的。
这个写法只有IE会有"...",其它的浏览器文本超出指定宽度时会隐藏。
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
css 怎样让a里面的文字不换行,但是a可以换行
展开全部 一般的文字截断(适用于内联与块):.text-overflow {display:block;/*内联对象需加*/width:31em;/*指定宽度*/word-break:keep-all;/* 不换行 */white-space:nowrap;/* 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。
不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;/* IE 专有属性,当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。
*/}对于表格文字溢出的定义:table{width:30em;table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。
*/}td{width:100%;word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。
*/}需要注意的是,这个东东只对单行的文字的效,如果你想把它用在多行上,也只有第一行有作用的。
...
css关于x
展开全部 HTML里面加了一个样式属性:word-break: break-all,可以实现表格的自动换行,具体参考代码如下: table内的td内容不换行 处理人工号: 001156,001157,001145,001149,001178,001123,001140,001167,001168,001134,001135 word-break属性简单介绍如下:语法:word-break : normal | break-all | keep-all取值: normal : 默认值。
允许在词间换行 break-all : 该行为与亚洲语言的 normal 相同。
也允许非亚洲语言文本行的任意字内断开。
该值适合包含一些非亚洲文本的亚洲文本 keep-all : 与所有非亚洲语言的 normal 相同。
...
转载请注明出处51数据库 » css word-break:keep-
阴阳小司命