`
ariyue
  • 浏览: 346296 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

解决连续的英文字符在(html)表格中不换行显示的方法

阅读更多

怎么解决?我用一个表格来显示客户信息,比如这个客户的电话一大堆,或email好长,不换行的话,我
的表格就很难看,我没法控制整个表格的显示宽度。
word-wrap:break-word;width:500
<td style="word-break:break-all">abcdefjhi</td>

<table width=100>
<tr><td style="word-break:break-
all">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
</table>


你可以利用函数截取固定的长度

<div id=strT style="WORD-WRAP: break-word;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaadaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaa
</div>
<SCRIPT>
function toBreakWord(intLen){
var obj=document.getElementById("strT");
var strContent=obj.innerHTML;
var strTemp="";
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+"<br>";
strContent=strContent.substr(intLen,strContent.length);
}
strTemp+="<br>"+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById && !document.all) toBreakWord(100)
</SCRIPT>
分享到:
评论

相关推荐

    html中表格td内容自动换行

    强制换行是为了遇到一些超长的连续字符串(比如 aaaaaaaaaaaaaaaa)时不撑大布局。我们可以使用 `word-break: break-all;` 来实现强制换行。 在 Firefox 中不支持 `word-break` 属性,所以我们需要加 `overflow: ...

    纯数字或者字母不换行解决方法

    例如,在一个固定宽度的表格单元格中显示较长的连续数字时,如果这些数字不能正确换行,则可能导致表格布局混乱。 #### 二、CSS 解决方案 为了解决纯数字或字母串不换行的问题,可以通过设置特定的CSS属性来实现...

    CSS对表格单元格强制换行和不换行

    自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行 ...

    css表格单元格中的长文本如何实现自动换行

    自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼。下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的...

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

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

    css控制文字自动换行

    #### 三、解决连续字符的换行问题 在实际应用中,经常会遇到连续的英文字符或数字导致的布局问题。这类情况下,可以通过以下几种方式来控制换行: ##### 1. 对于IE浏览器 - **使用 `word-wrap: break-word`** 或者 ...

    CSS实现连续数字和英文的自动换行的方法

    但是,这个属性对于连续的英文字符和数字并不总是有效,特别是在一些旧版浏览器(如早期的Firefox版本)中,连续的英文和数字可能会溢出容器而不换行。 2. `word-wrap`与`word-break`: 在IE浏览器中,可以通过设置`...

    css强制换行 css强制不换行的css方法

    在本文中,将讨论CSS中的换行控制技术,特别是如何使用CSS强制实现文本换行或阻止换行。这在网页设计和布局过程中非常重要,尤其是在处理表格、列表或其他需要精确控制文本流动的元素时。 首先,了解`word-break`...

    css之自动换行.docx

    但这种方法可能会导致英文单词被不自然地截断,所以在非亚洲文字中使用需谨慎。 `word-wrap`属性(在一些旧版本的浏览器中是`overflow-wrap`)则是用来处理长单词或不允许断开的单词的情况。`word-wrap:break-word`...

    CSS控制文本自动换行的问题

    当我们在 CSS 中定义了这个样式时,表格中的字符就会自动换行,即使是连续的英文词或者一堆感叹号(!!!)。这可以避免网页被撑开,影响网页的布局和美观性。 2. `word-break: break-all; word-wrap: break-word;` ...

    html、css 禁止文字自动换行属性word-break

    这种方法常用于表格中的数据单元格,确保长字符串不会溢出到表格之外。 然而,需要注意的是,过度使用`break-all`可能导致阅读困难,特别是对于连续的无间隔字符序列。在设计时,应考虑结合其他CSS属性一起使用,...

    table中td内容换行问题

    这个问题通常发生在用户输入了大量连续的无间隔英文字符,导致单元格(`&lt;td&gt;`)无法自动换行,从而破坏了表格的正常布局。 例如,用户输入像"lovelovelovelovelovelovelovelovelovelovelove"这样的字符串时,由于英文...

    巧用DW判断字符串中是否有换行

    在编程过程中,我们经常需要处理字符串,特别是在HTML和JavaScript中,字符串可能会包含各种特殊字符,如换行符。本文将探讨如何巧妙地使用Dreamweaver(DW)来判断字符串中是否存在换行符,以及这对编程的影响。 ...

    itext+flaying saucer把html转化成pdf所有jar包

    在处理中文换行时,问题通常出现在特定字体和编码不支持的情况下,导致连续的中文字符无法正确断行。为了解决这个问题,我们需要对核心渲染库core-renderer.jar进行修改。这通常涉及到调整字体设置,确保库能够识别...

    CSS 之强制换行技巧

    需要注意的是,虽然这些方法可以解决连续英文或数字导致的换行问题,但是在实际应用中可能需要根据具体的布局和效果来调整CSS属性值。此外,不同浏览器对CSS的支持可能会有差异,所以在设计布局时应该充分测试在主流...

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

    以上内容详细介绍了CSS中关于如何控制文字自动换行的几种实现方法,这在网页布局和排版中非常关键,能够帮助开发者更加精确地控制页面的显示效果,提升用户体验。在实际应用中,需要结合不同浏览器的兼容性来选择...

    ASP.NET Datagridview自动换行的小例子

    在实际应用中,我们有时会遇到文本过长导致单元格显示不全的问题,这时就需要实现Datagridview的自动换行功能。本篇将详细解释如何在ASP.NET中为Datagridview实现文本自动换行,并提供相关的代码示例。 首先,理解...

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

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

    通过CSS让TD自动换行

    当nowrap属性被设置时,单元格中的文本将会尽可能地在同一行显示,直到遇到表格的边界。然而,这个属性的效果会受到td元素宽度的影响。如果没有设置td的宽度,nowrap将默认生效,强制文本不换行。但如果指定了td的...

    将HTML标签外的空格替换为&nbsp;

    这种空格在不破坏单词或数字连续性的前提下,可以用来在网页内容中强制插入一个固定宽度的空格。 替换的过程通常涉及文本处理,可能使用编程语言如JavaScript、Python或正则表达式来实现。例如,使用JavaScript,你...

Global site tag (gtag.js) - Google Analytics