很多朋友在制作网页过程中总是发现某些时候
![](/icons/49827yi.gif)
些英文会把原来好好
![](/icons/49827de.gif)
表格撑开而导致变形
![](/icons/49827dou.gif)
虽然可以使用style="table-layout:fixed;word-wrap:
![](/icons/49827break.gif)
-word;word-
![](/icons/49827break.gif)
:
![](/icons/49827break.gif)
-all" 来解决这个问题
![](/icons/49827dou.gif)
但有些时候会导致内容显示不完整而被隐藏了起来
![](/icons/49827dou.gif)
并没有做到自动换行
![](/icons/49827de.gif)
效果
于是偶就想写
![](/icons/49827yi.gif)
个这样
![](/icons/49827de.gif)
![](/icons/49827hanshu.gif)
来修补这个缺陷
![](/icons/49827dou.gif)
这个
![](/icons/49827hanshu.gif)
很简单
![](/icons/49827dou.gif)
但这里只是提供
![](/icons/49827yi.gif)
种思路来解决这个问题
function fnAddBr(id, iPerLineLen){.....}
id为要修改
![](/icons/49827de.gif)
文本块
![](/icons/49827de.gif)
id
![](/icons/49827dou.gif)
iPerLineLen为每行
![](/icons/49827de.gif)
长度
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]