截断英文单词强行回行

可以利用css中的word-break 风格来达到我们的目的:
<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” 的非亚洲语言版本。

总结,先用noWrap强行令文字不换行,再用style="TABLE-LAYOUT: fixed;; WORD-BREAK: break-all;;border-collapse: collapse"强制表格不撑开,即达到效果。

 

  • table {   
  • table-layout: fixed;   
  • word-wrap:break-word;   
  • }   
  • div {    
  • word-wrap:break-word;   
  • }   
  •   
  • 要不在表格里加style="word-break:break-all;"  
  •   
  • 如:<table width="98" border="0" align="center" cellpadding="0" cellspacing="0" style="word-break:break-all;">   
  • by 雪洁 2011-03-11 11:24:36 6040 views
    我来说几句

    相关文章