今天是

爱酷家


当前位置:首页 > 站长学院 > 其他教程

防止表格被撑开 CSS word-wrap 英文单词断开换行问题

收集整理   发布时间:2012-10-18 20:38:00   阅读
防止表格被撑开 CSS word-wrap 英文单词断开换行问题
代码:
<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;" 强制表格不撑开,即达到效果。



注:⊙如转载本站原创作品,请务必包保留本文地址:

内容: