`
yupengcc
  • 浏览: 132082 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

Html中td自动换行问题

阅读更多
来自: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内容自动换行

    html中让表格td中的多余字体自动换行的

    html转pdf,ITEXT转HTML为PDF解决中文不换行问题

    1、core-renderer.jar该jar包修改过中文不换行问题 public static String getConversionHtmlCode(String linkcss,String htmlCode,String title){ String css = ""; css +="&lt;style&gt;"; css +="table{"; ...

    IText Html生成PDF支持中文、英文和数字换行

    经过大牛修改后的core-renderer.jar,当把HTML转化成PDF时支持table的td中的中文、英文和数字自动换行,table必须添加样式table-layout:fixed;word-break:break-strict;

    使用iText进行HTML转PDF解决中英文不换行bug

    xhtmlrenderer 进行HTML转PDF,修改了core-renderer-R8的源码,兼容中英文换行,且保持对英文单词完整性,亲测可用。

    通过CSS让TD自动换行

    HTML中td元素的nowrap属性...通过CSS让TD自动换行 项目中 ajax 应用需要动态创建element 但是在td内 内容过长 firefox 能自动换行,ie6 比较傻瓜的!可以如下设置TD的CSS即可实现 复制代码代码如下: &lt;td xss=removed&gt;

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

    2、css自动换行 复制代码代码如下: div{ word-wrap: break-word; word-break: normal; } 3、css强制英文单词断行 复制代码代码如下: div{word-break:break-all;} 若是div嵌套,要使内层div根据内容自动换行,则...

    itext生成pdf解决中英文换行问题

    导入 &lt;groupId&gt;org.xhtmlrenderer &lt;artifactId&gt;core-renderer &lt;version&gt;R8 直接根目录下新建包org.xhtmlrenderer.layout 覆盖jar

    td 内容自动隐藏 不换行.html

    td内容过长,自动隐藏,非常好使,鼠标挪上去显示全部内容

    html td nowrap不换行属性使用方法

    HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行

    ASP.NET GridView中文本内容无法换行(自动换行/正常换行)

    GridView中的换行问题可以分为两类:一类是自动换行,另一类是正常换行。 先说第一类:自动换行 GridView默认是自动换行,就是说当显示的字符串比较长的时候,GridView会自动换行。 比如我们要显示:“当字符串比较...

    css之自动换行实现代码

    对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义&lt;/div&gt;...

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

    一些时候,文字会自动换行,解决办法是用css 在这行文字的td属性中,加入 复制代码代码如下: style=”word-break : break-all;”

    CSS 数字和字母将容器撑大问题解决

    对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义&lt;/div&gt;...

    从入门到精通HTML5——PDF——网盘链接

     7.1.1 表格的基本构成——table、tr、td 119  7.1.2 表格的标题——caption 120  7.1.3 表格的表头——th 121  7.2 设置表格基本属性 123  7.2.1 表格的宽度——width 123  7.2.2 表格的高度——height...

    asp学习笔记

    p 段落标签,自动换行 块级标签 换行标签 &lt;hr/&gt; 划线标签 b 加粗标签 &lt;ul/&gt; 列表标签,配合li使用 (2/3/4/...)/&gt; 标题标签 table 表格标签 tr 行标签 td 列表签 th 标题标签 *属性: ;"&gt; &lt;...

    freemarker总结

    2,使用+运算符时,如果一边是数字,一边是字符串,就会自动将数字转换为字符串再连接,如:${3 + "5"},结果是:35 使用内建的int函数可对数值取整,如: ${ (x/2)?int } ${ 1.1?int } ${ 1.999?int } ${ -1.1?int } ...

    css笔记课程笔记2019,5,22

    * div: 自动换行 * span:在一行显示 CSS 1、css的简介 * css: 层叠样式表 ** 层叠:一层一层的 ** 样式表: 很多的属性和属性值 * 是页面显示效果更加好 * CSS将网页内容和显示样式进行分离,提高了...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    html的body内标签之图标、换行及其他 chrome查看html样式基本操作 html的body内标签之input系列 html的body内标签之多行文本及下来框 html的body内标签之超链接 html的body内标签之图片及表格 html的body内标签之...

    js使用小技巧

    让英文字符串超出表格宽度自动换行 word-wrap: break-word; word-break: break-all; 透明背景 &lt;IFRAME src="1.htm" width=300 height=180 allowtransparency&gt;&lt;/iframe&gt; 获得style内容 obj.style.cssText ...

    privateprivateprivateprivate

    //设置自动换行 //format1.setWrap(true); //添加一个工作表 WritableSheet sheet = book.getSheet(0); sheet.addCell(new Label(2, 6, txrq, format1)); // sheet.addCell(new Label(11, 6, yycode,...

Global site tag (gtag.js) - Google Analytics