`

表格中强制换行和强制不换行(兼容firefox)

    博客分类:
  • web
阅读更多
强制换行: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  
这位哥们,这个写法根本就不兼容火狐~

相关推荐

    html中的div、td 、p 等容器内强制换行和不换行的实现

    在跨浏览器兼容性方面,需要注意`word-break`属性在某些浏览器(如Opera和Firefox)中可能不受支持,这时可以使用`white-space:normal`来替代,以确保在多种浏览器下的正常换行。然而,单纯使用空格来代替单词间的...

    用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大

    在网页设计中,表格和单元格的布局经常遇到一个问题,那就是连续的英文单词或中文字符会将容器撑大,导致表格的样式不符合预期。为了解决这一问题,我们可以利用CSS来实现强制换行,确保内容不会溢出容器。本文将...

    Html 页面的强制换行问题总结

    3. 在Firefox等有兼容性问题的浏览器中,可以在单元格内嵌套一个`div`元素,并设置`overflow: hidden`,确保内容不会超出单元格边界。 通过这种方式,我们可以在保证页面美观的同时,避免过长的文本破坏表格的结构...

    CSS自动换行

    本文将深入探讨五种不同的自动换行策略,这些策略不仅能够满足基本的自动换行需求,更重要的是它们具有良好的浏览器兼容性,能够在IE、Chrome和Firefox等主流浏览器中稳定运行。 ### 一、使用`white-space`和`word-...

    firefox与ie css+div兼容大全

    在网页设计中,Firefox与IE(尤其是Internet Explorer)之间的CSS兼容性问题一直是开发者们面临的一大挑战。以下是一些常见的CSS兼容性问题以及解决方案: 1. **DOCTYPE的影响**:DOCTYPE声明会影响浏览器进入不同...

    css之自动换行.docx

    对于表格,特别是Firefox浏览器,`table-layout:fixed`属性可以设定表格的列宽固定,这将使表格的列宽不再受单元格内容的影响。配合`word-break:break-all`或`word-wrap:break-word`,可以控制单元格内的文本换行。...

    word-wrap在firefox中不起作用的解决方法

    解决`word-wrap`在Firefox中不生效的问题,通常需要结合使用其他CSS属性。一种常见的解决方案是在`td`标签中添加以下样式: ```css word-wrap: break-word; overflow: hidden; ``` `overflow: hidden` 属性可以...

    css之自动换行实现代码

    然而,在Firefox浏览器中,要实现类似的强制断行,需要额外的操作,因为Firefox在处理这类问题时可能会导致超长文本溢出容器边界。在Firefox中,可以通过`overflow: auto;`来为容器添加滚动条,以隐藏超出边界的字符...

    css实现连续的英文或数字自动换行的方法

    对于Firefox浏览器,在表格布局中,即使使用了百分比来定义单元格宽度,实现连续的英文或数字换行仍然是个挑战。在这种情况下,可以通过将内容包裹在div中,并给div添加`overflow:hidden;`属性来隐藏溢出的部分。...

    css控制文字自动换行的实现方法

    由于Firefox没有提供直接的断行控制属性,处理连续英文和数字的溢出,可以采用将超出边界的字符隐藏或者为容器添加滚动条的方法。 例如: ```css #wrap { word-break: break-all; width: 200px; overflow: auto;...

    css自动换行 防止撑破div影响排版

    2. 对于Firefox浏览器,由于默认情况下不支持`word-wrap`和`word-break`属性,需要采用其他方法来处理连续字符导致的容器撑大问题。一种方法是使用`overflow:hidden;`属性来隐藏超出容器宽度的文本。这不会改变文本...

    css word-break word-wrap 前台显示自动换行

    - `WORD-WRAP: normal` 结合 `TABLE-LAYOUT: fixed` 和 `word-break:normal` 可以使表格内容按预期换行,但可能无法处理异常长的单词或字符串。 4. **解决长串英文问题** - 对于恶意的长串英文,可以通过`...

    fck的例子

    1. **跨平台与跨浏览器兼容性**:FCKeditor支持多种操作系统,如Windows、Linux和Mac OS,同时兼容主流的Web浏览器,包括IE、Firefox、Chrome、Safari和Opera。 2. **丰富的编辑功能**:提供基础的文字格式设置(如...

    CSS实现强制浏览器分页

    在Firefox中,如果所有打印内容都放在一个表格(`&lt;table&gt;`)中,`page-break-after`可能无法生效,因为Firefox不允许将表格断开。为了解决这个问题,我们可以将内容放入`&lt;div&gt;`元素内,这样更容易控制分页行为。 在...

    html基础知识(一)

    浏览器是显示网页、运行Web应用程序的平台,常见的有Chrome、Firefox、Safari、Edge和Opera等。它们都支持HTML标准,但可能在渲染效果上存在差异,因此开发者需要确保代码在各种浏览器上的兼容性。 3. **Web标准的...

    《计算机应用基础2-网页制作》(完整).pdf

    11. 常用的浏览网页工具有Chrome、Firefox、Edge等,它们可以查看网页内容、搜索信息,还支持书签、历史记录等功能。快捷键如Ctrl+C(复制)、Ctrl+V(粘贴)、Ctrl+F(查找)等。 12. 创建本地站点的步骤包括选择...

    word-break:break-all和word-wrap:break-word区别总结

    值得注意的是,`word-break` 属性在某些浏览器中可能存在问题,如Opera和Firefox可能不支持,这时可以考虑使用 `white-space:normal` 作为替代方案。此外,使用空格分隔单词而不是使用` `(非破折号空格)也是确保...

    web前端开发笔记5月27日

    - Mozilla Firefox 的内核。 - 特点:代码完全开放,支持全球开发者贡献。 - 缺点:打开速度较慢,频繁升级。 3. **WebKit (苹果 Safari)** - 苹果 Safari 浏览器使用的内核。 - 名声显赫,广泛应用于移动设备...

Global site tag (gtag.js) - Google Analytics