强制换行: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>
分享到:
相关推荐
在跨浏览器兼容性方面,需要注意`word-break`属性在某些浏览器(如Opera和Firefox)中可能不受支持,这时可以使用`white-space:normal`来替代,以确保在多种浏览器下的正常换行。然而,单纯使用空格来代替单词间的...
在网页设计中,表格和单元格的布局经常遇到一个问题,那就是连续的英文单词或中文字符会将容器撑大,导致表格的样式不符合预期。为了解决这一问题,我们可以利用CSS来实现强制换行,确保内容不会溢出容器。本文将...
3. 在Firefox等有兼容性问题的浏览器中,可以在单元格内嵌套一个`div`元素,并设置`overflow: hidden`,确保内容不会超出单元格边界。 通过这种方式,我们可以在保证页面美观的同时,避免过长的文本破坏表格的结构...
本文将深入探讨五种不同的自动换行策略,这些策略不仅能够满足基本的自动换行需求,更重要的是它们具有良好的浏览器兼容性,能够在IE、Chrome和Firefox等主流浏览器中稳定运行。 ### 一、使用`white-space`和`word-...
在网页设计中,Firefox与IE(尤其是Internet Explorer)之间的CSS兼容性问题一直是开发者们面临的一大挑战。以下是一些常见的CSS兼容性问题以及解决方案: 1. **DOCTYPE的影响**:DOCTYPE声明会影响浏览器进入不同...
对于表格,特别是Firefox浏览器,`table-layout:fixed`属性可以设定表格的列宽固定,这将使表格的列宽不再受单元格内容的影响。配合`word-break:break-all`或`word-wrap:break-word`,可以控制单元格内的文本换行。...
解决`word-wrap`在Firefox中不生效的问题,通常需要结合使用其他CSS属性。一种常见的解决方案是在`td`标签中添加以下样式: ```css word-wrap: break-word; overflow: hidden; ``` `overflow: hidden` 属性可以...
然而,在Firefox浏览器中,要实现类似的强制断行,需要额外的操作,因为Firefox在处理这类问题时可能会导致超长文本溢出容器边界。在Firefox中,可以通过`overflow: auto;`来为容器添加滚动条,以隐藏超出边界的字符...
对于Firefox浏览器,在表格布局中,即使使用了百分比来定义单元格宽度,实现连续的英文或数字换行仍然是个挑战。在这种情况下,可以通过将内容包裹在div中,并给div添加`overflow:hidden;`属性来隐藏溢出的部分。...
由于Firefox没有提供直接的断行控制属性,处理连续英文和数字的溢出,可以采用将超出边界的字符隐藏或者为容器添加滚动条的方法。 例如: ```css #wrap { word-break: break-all; width: 200px; overflow: auto;...
2. 对于Firefox浏览器,由于默认情况下不支持`word-wrap`和`word-break`属性,需要采用其他方法来处理连续字符导致的容器撑大问题。一种方法是使用`overflow:hidden;`属性来隐藏超出容器宽度的文本。这不会改变文本...
- `WORD-WRAP: normal` 结合 `TABLE-LAYOUT: fixed` 和 `word-break:normal` 可以使表格内容按预期换行,但可能无法处理异常长的单词或字符串。 4. **解决长串英文问题** - 对于恶意的长串英文,可以通过`...
1. **跨平台与跨浏览器兼容性**:FCKeditor支持多种操作系统,如Windows、Linux和Mac OS,同时兼容主流的Web浏览器,包括IE、Firefox、Chrome、Safari和Opera。 2. **丰富的编辑功能**:提供基础的文字格式设置(如...
在Firefox中,如果所有打印内容都放在一个表格(`<table>`)中,`page-break-after`可能无法生效,因为Firefox不允许将表格断开。为了解决这个问题,我们可以将内容放入`<div>`元素内,这样更容易控制分页行为。 在...
浏览器是显示网页、运行Web应用程序的平台,常见的有Chrome、Firefox、Safari、Edge和Opera等。它们都支持HTML标准,但可能在渲染效果上存在差异,因此开发者需要确保代码在各种浏览器上的兼容性。 3. **Web标准的...
11. 常用的浏览网页工具有Chrome、Firefox、Edge等,它们可以查看网页内容、搜索信息,还支持书签、历史记录等功能。快捷键如Ctrl+C(复制)、Ctrl+V(粘贴)、Ctrl+F(查找)等。 12. 创建本地站点的步骤包括选择...
值得注意的是,`word-break` 属性在某些浏览器中可能存在问题,如Opera和Firefox可能不支持,这时可以考虑使用 `white-space:normal` 作为替代方案。此外,使用空格分隔单词而不是使用` `(非破折号空格)也是确保...
- Mozilla Firefox 的内核。 - 特点:代码完全开放,支持全球开发者贡献。 - 缺点:打开速度较慢,频繁升级。 3. **WebKit (苹果 Safari)** - 苹果 Safari 浏览器使用的内核。 - 名声显赫,广泛应用于移动设备...