表格中强制换行和强制不换行（兼容firefox）

强制换行：td标签中加入：style="word-break : break-all;word-wrap: break-word;"

强制不换行：td标签中加入：style="word-break : keep-all;

1楼提醒得对，上述方法在火狐中根本没有作用。
在网上搜索，找到一种容易看懂的用javascript强制换行的方法，不过需要自己估计每行文字数量，这种方法各种浏览器应该都支持，因为只是使用了javascript中的普通方法。

<table width=300px>
<tr>
<td id=ff style="word-break : break-all;word-wrap: break-word;">
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</td>
</tr>
</table>

<script type="text/javascript">
function toBreakWord(intLen)
{
	var obj=document.getElementById("ff");
	var strContent=obj.innerHTML;
	var strTemp="";
	while(strContent.length > intLen){
		strTemp   += strContent.substr(0,intLen)+"<br>";
		strContent = strContent.substr(intLen,strContent.length);
	}
	strTemp += strContent;
	obj.innerHTML = strTemp;
}
if(document.getElementById  &&  !document.all)  toBreakWord(37)
</script>

评论

3 楼 fantaxy025025 2011-12-13  

现在可以了。thanks！

lllt 写道

这位哥们，这个写法根本就不兼容火狐~

2 楼 wongkasteve 2011-09-30  

对。找了半天。写的很多兼容的方法试后都不兼容。可能标签嵌套太深了。

1 楼 lllt 2011-09-06  

这位哥们，这个写法根本就不兼容火狐~