免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 2976 | 回复: 0
打印 上一主题 下一主题

防止表格被撑开 CSS word-wrap 英文单词断开换行问题 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2010-11-16 16:09 |只看该作者 |倒序浏览
<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;"强制表格不撑开,即达到效果。
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP