在火狐浏览器中不支持word
div标签还行,如果表格就不太清楚了。
我说下div中的方法关于文字换行这块,主要是处理IE与火狐,一般就这两个差别大。
使用word-wrap:break-word,会使文字自动换行,包括超长字符串(中间无空格),这个不会使单词截断,但有时火狐与IE用这个属性的时候是有差别的。
如果换行还是推荐使用这个。
如果需要强制换行,就用word-break:break-all。
这个会强制将字符换行,包括单词,在换行的时候也会强制截断。
以上只是使用div标签时建议使用,span标签不支持。
但说是用表格不知道是否是table标签,如果可以的话建议使用div排版,莫用table标签。
至于楼主说的火狐不支持这两个属性是不对的,只不过有些标签不支持,并不是浏览器不支持。
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控制文本只在一行显示?
用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{ 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 怎样让a里面的文字不换行,但是a可以换行
也不知道你说的是表格还是表格的内容自动换行,就拿第二种来说吧主要在table和td的属性里加上用表格做网页排版的时候,一般都能正常使用。
偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象:(总结了一下,只要在CSS中定义了如下句子,可保网页不会再被撑开了。
table{;};td{word-break: break-all; word-wrap:break-word;}注释一下:1.第一条table{;},此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。
2.td{word-break: break-all},一般用这句这OK了,但在有些特殊情况下还是会撑开,因此需要再加上后面一句(word-wrap:break-word;)就可以解决。
此样式可以让表格中的一些连续的英文单词自动换行。
html表格错位问题
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。
请参阅我编写的其他书目。
转载请注明出处51数据库 » word-break keep-all
24k内涵