表格中强制换行和强制不换行(兼容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>

你可能感兴趣的:(html,firefox,强制换行)