td内容自动换行
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
[color=rgb(0,0,0)]html中td元素的nowrap属性表示禁止单元格中的文字自动换行。但使用时要注意的是,td元素中nowrap属性的行为与td元素的width属性有关。如果未设置td宽度,则nowrap属性起作用的,如果设置了td宽度,则nowrap属性不起作用。 [br]通过css让td自动换行 [br][br]项目中 ajax 应用需要动态创建element 但是在td内 内容过长 firefox 能自动换行,ie6 比较傻瓜的!可以如下设置td的css即可实现 [br][br] [br][br] 但是对于英文和数字来说,以上的设定在 ie6 下正常的换行,到了firefox下不能换行了。因为word-wrap不是css2的标准属性,所以mozilla不支持这个。很多人用overflow将撑出的部分隐藏或者加滚动条,但这样子肯定不是我们想到达到的效果,只能用js实现换行。 [br][br] 用代码实现 [br][br] 无空格连续长字符,浏览器将它看成是一个长单词了,故实现不了自动换行,所以在你想换行的地方打个空格即可解决换行问题,用js处理加入标点符号或者用空格隔开,就可以实现英文和数字的自动换行了。 [br][br] 1. 用js实现 [br] <script type="text/javascript"> [br] function tobreakword(intlen){ [br] var obj=document.getelementbyid("hh"); [br] var strcontent=obj.innerhtml; [br] var strtemp=""; [br] while(strcontent.length>intlen){ [br] strtemp+=strcontent.substr(0,intlen)+" "; [br] strcontent=strcontent.substr(intlen,strcontent.length); [br] } [br] strtemp+=" "+strcontent; [br] obj.innerhtml=strtemp; [br] } [br] function myload(){ [br] if(document.getelementbyid && !document.all)tobreakword(24); [br] } [br] window.onload=function() [br] { [br] myload(); [br] } [br] </script> [br][br] 2. 在后台实现 [br] /// |
该文章在 2012/2/4 12:34:43 编辑过
|
关键字查询
相关文章
正在查询... |