防止表格被撑开 CSS word-wrap 英文单词断开换行问题
2010-11-15 22:05
411 查看
<TABLE id="Table1" style="TABLE-LAYOUT:fixed;word-break:break-all" border="1">
或在脚本中:
this.style. wordBreak = break-all
String设置或获取一个下面的值:
normal
缺省值. 允许从每个词处回行。
break-all
不管在什么位置,超过列宽时就回行。
keep-all
不允许 Chinese, Japanese, 和 Korean 回行。这个功能类似与“normal” 的非亚洲语言版本。
以上好像不行,要用 word-wrap
word-wrap是控制换行的。
使用break-word时,是将强制换行。中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。
break-word是控制是否断词的。
normal是默认情况,英文单词不被拆开。
break-all,是断开单词。在单词到边界时,下个字母自动到下一行。主要解决了长串英文的问题。
keep-all,是指Chinese, Japanese, and Korean不断词。即只用此时,不用word-wrap,中文就不会换行了。(英文语句正常。)
总结,先用noWrap强行令文字不换行,再用style="TABLE-LAYOUT: fixed;word-wrap:break-word; overflow:hidden;"强制表格不撑开,即达到效果。
或在脚本中:
this.style. wordBreak = break-all
String设置或获取一个下面的值:
normal
缺省值. 允许从每个词处回行。
break-all
不管在什么位置,超过列宽时就回行。
keep-all
不允许 Chinese, Japanese, 和 Korean 回行。这个功能类似与“normal” 的非亚洲语言版本。
以上好像不行,要用 word-wrap
word-wrap是控制换行的。
使用break-word时,是将强制换行。中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。
break-word是控制是否断词的。
normal是默认情况,英文单词不被拆开。
break-all,是断开单词。在单词到边界时,下个字母自动到下一行。主要解决了长串英文的问题。
keep-all,是指Chinese, Japanese, and Korean不断词。即只用此时,不用word-wrap,中文就不会换行了。(英文语句正常。)
总结,先用noWrap强行令文字不换行,再用style="TABLE-LAYOUT: fixed;word-wrap:break-word; overflow:hidden;"强制表格不撑开,即达到效果。
相关文章推荐
- 用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大
- 用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大
- 英文单词断行问题:CSS中word-break、word-wrap以及hyphens的兼容性和区别
- 英文换行问题 css breakword
- css 英文换行 css(word-wrap/break)使纯英文数字自动换行
- 【office 2010】word排版之长英文单词自动换行和英文对齐问题
- 自动对齐的TextView 防止英文单词不能换行的问题
- css 长单词不换行溢出容器的解决方法 word-wrap与word-break
- css 英文换行 css(word-wrap/break)使纯英文数字自动换行
- 单词太长导致自动换行,出现空白区域。——word-wrap和word-break(英文单词换行)
- CSS换行:word-wrap、word-break和text-wrap区别
- word-break:break-all和word-wrap:break-word 自动换行问题
- CSS3让长单词与URL地址自动换行——word-wrap属性
- td 属性 noWrap 防止折行、撑开(及其它文字换行问题)
- CSS 中文英文 换行问题
- 困扰我多日的英文网站单词无法换行问题终于解决了。
- CSS设置【强制不换行】【自动换行】【强制英文单词断行】
- css英文单词换行不截断单词
- css基础 word-spacing 英文单词的间距 简单示例
- CSS换行:word-wrap、word-break和text-wrap区别