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

最新推荐文章于 2023-12-24 10:59:10 发布

原创最新推荐文章于 2023-12-24 10:59:10 发布 · 379 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Firefox #HTML #强制换行

web 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了在HTML表格中实现文本强制换行的多种方法，包括通过修改td标签样式属性来达到换行效果，同时也提供了一种使用JavaScript来实现自定义换行的方案，该方案在不同浏览器中均有良好表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

[b]强制不换行：[/b]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>