来自:http://blog.csdn.net/dududu01/article/details/6000350
Html中td自动换行问题
2010-11-10 15:27 478人阅读 评论(0) 收藏 举报
问题:
表格有个字段,有可能是长串连续的数字,如1234567787897888888888888888888888,又有可能是一句话,如This value is assigned by the merchant’s bank or processor.
想让一定长度处自动换行,用<td width=50>来设定的话,数字却不自动换行,因为系统把数字当成了一个单词。
我设定<table rules="all" style="table-layout:word-wrap:break-word;word-break:break-all">数字是换行 了,但是又会给某个英语单词给打断,这不符合国外客户的需求了。。。
实在不知道该怎么搞。。
回答:
1、<table style="table-layout:fixed;word-wrap:break-word;"></table>
2、严格地讲,你的要求超越了CSS的能力范围。
word-wrap : normal | break-word---------内容将在边界内换行,如果指定为break-word,词内换行(word-break)也将发生。
word-break : normal | break-all | keep-all
normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行。
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本。
keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本 。
table-layout : auto | fixed
auto : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢。
fixed : 固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关。
分享到:
相关推荐
HTML 中让表格 TD 中的多余字体自动换行是前端开发中常见的问题。今天,我们将讨论如何使用 CSS 来控制 TD 中的换行。 强制不换行 在 IE 的 TD 中,如果我们没有指定宽度,使用 `white-space: nowrap;` 可以实现...
本篇文章针对的就是这个常见的问题,即如何设置表格单元格宽度后,当内容太多无法完整显示时,可以实现自动换行的效果。 在HTML中,表格的布局和样式控制通常依赖于CSS。为了实现内容的自动换行,我们需要对table和...
1、core-renderer.jar该jar包修改过中文不换行问题 public static String getConversionHtmlCode(String linkcss,String htmlCode,String title){ String css = ""; css +="<style>"; css +="table{"; ...
经过大牛修改后的core-renderer.jar,当把HTML转化成PDF时支持table的td中的中文、英文和数字自动换行,table必须添加样式table-layout:fixed;word-break:break-strict;
“nowrap”是HTML中td元素的一个属性,它的主要作用是防止单元格内的文本自动换行。当nowrap属性被设置时,单元格中的文本将会尽可能地在同一行显示,直到遇到表格的边界。然而,这个属性的效果会受到td元素宽度的...
【标题】"jsp页面Table自动换行"涉及的是在JavaServer Pages (JSP) 技术中处理HTML表格(Table)的布局问题。在网页设计中,表格的换行通常是由于表格内容过多,超过了容器(如div或浏览器窗口)的宽度,导致表格...
在HTML中,`div`、`td` 和 `p` 等元素作为常见的容器,经常用于组织和展示页面内容。对于这些容器内的文本换行处理,可以通过CSS样式来实现。这里我们将详细讨论如何实现强制不换行以及自动换行,并分析不同换行方式...
xhtmlrenderer 进行HTML转PDF,修改了core-renderer-R8的源码,兼容中英文换行,且保持对英文单词完整性,亲测可用。
<td>这是一段很长的文字,它会被自动换行,即使其中包含英文单词thisisaverylongwordthatwillbebroken.</td> ``` 在这段代码中: - `table-layout:fixed;`:设置表格为固定布局模式,确保单元格的宽度不变。 -...
单元格自动换行问题是 Web 开发中常见的问题,特别是在表格中显示大量文字时,超长文本可能会溢出单元格,影响页面的美观和可读性。使用 `<wbr>` 标签可以解决这个问题,但是这只是一个临时的解决方案,并不能满足...
在网页设计与开发过程中,一个常见的问题是如何使文本在不同的浏览器中都能正常显示,尤其是在面对文本过长而需要自动换行的情况时。由于历史原因,不同浏览器对于CSS属性的支持程度不一,这导致了开发者需要采取...
这个问题通常发生在用户输入了大量连续的无间隔英文字符,导致单元格(`<td>`)无法自动换行,从而破坏了表格的正常布局。 例如,用户输入像"lovelovelovelovelovelovelovelovelovelovelove"这样的字符串时,由于英文...
使用`<#nested>`指令可以嵌套处理`item.content`,确保换行在Excel中正确显示。 要实现换行,可以使用Excel的换行符`\n`。在Freemarker中,如果`item.content`是一个字符串,它可能包含`\n`来表示换行。当...
在前端开发领域,尤其是网页布局设计中,自动换行是一个至关重要的功能,它能够确保文本在不同的屏幕尺寸或容器宽度下能够自适应地显示,避免文本溢出或排版错乱的问题。本文将深入探讨五种不同的自动换行策略,这些...
td内容过长,自动隐藏,非常好使,鼠标挪上去显示全部内容
`nowrap`是一个属性,当应用于`<td>`元素时,它会禁止单元格内的文本自动换行,确保所有内容都在同一行内显示,直到遇到表格的边界或下一个单元格。这个属性对于在有限空间内展示长字符串或避免单词在单元格内被截断...
在CSS布局中,自动换行是一个常见的需求,特别是在处理文本内容时。文本可能会包含各种字符类型,如连续的数字、英文字符,甚至不同语言的文字。本文主要探讨如何使用CSS来解决自动换行的问题,特别是针对IE和Fire...
在网页设计中,CSS控制文本自动换行的问题是一个常见的问题,尤其是在使用表格进行网页排版的时候。当我们遇到一段连续的英文词或者一堆感叹号(!!!)时,网页就会被撑开,影响网页的布局和美观性。那么,如何解决这...