来自: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中的多余字体自动换行的
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;
xhtmlrenderer 进行HTML转PDF,修改了core-renderer-R8的源码,兼容中英文换行,且保持对英文单词完整性,亲测可用。
HTML中td元素的nowrap属性...通过CSS让TD自动换行 项目中 ajax 应用需要动态创建element 但是在td内 内容过长 firefox 能自动换行,ie6 比较傻瓜的!可以如下设置TD的CSS即可实现 复制代码代码如下: <td xss=removed>
2、css自动换行 复制代码代码如下: div{ word-wrap: break-word; word-break: normal; } 3、css强制英文单词断行 复制代码代码如下: div{word-break:break-all;} 若是div嵌套,要使内层div根据内容自动换行,则...
导入 <groupId>org.xhtmlrenderer <artifactId>core-renderer <version>R8 直接根目录下新建包org.xhtmlrenderer.layout 覆盖jar
td内容过长,自动隐藏,非常好使,鼠标挪上去显示全部内容
HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行
GridView中的换行问题可以分为两类:一类是自动换行,另一类是正常换行。 先说第一类:自动换行 GridView默认是自动换行,就是说当显示的字符串比较长的时候,GridView会自动换行。 比如我们要显示:“当字符串比较...
对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div>...
一些时候,文字会自动换行,解决办法是用css 在这行文字的td属性中,加入 复制代码代码如下: style=”word-break : break-all;”
对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div>...
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...
p 段落标签,自动换行 块级标签 换行标签 <hr/> 划线标签 b 加粗标签 <ul/> 列表标签,配合li使用 (2/3/4/...)/> 标题标签 table 表格标签 tr 行标签 td 列表签 th 标题标签 *属性: ;"> <...
2,使用+运算符时,如果一边是数字,一边是字符串,就会自动将数字转换为字符串再连接,如:${3 + "5"},结果是:35 使用内建的int函数可对数值取整,如: ${ (x/2)?int } ${ 1.1?int } ${ 1.999?int } ${ -1.1?int } ...
* div: 自动换行 * span:在一行显示 CSS 1、css的简介 * css: 层叠样式表 ** 层叠:一层一层的 ** 样式表: 很多的属性和属性值 * 是页面显示效果更加好 * CSS将网页内容和显示样式进行分离,提高了...
html的body内标签之图标、换行及其他 chrome查看html样式基本操作 html的body内标签之input系列 html的body内标签之多行文本及下来框 html的body内标签之超链接 html的body内标签之图片及表格 html的body内标签之...
让英文字符串超出表格宽度自动换行 word-wrap: break-word; word-break: break-all; 透明背景 <IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe> 获得style内容 obj.style.cssText ...
//设置自动换行 //format1.setWrap(true); //添加一个工作表 WritableSheet sheet = book.getSheet(0); sheet.addCell(new Label(2, 6, txrq, format1)); // sheet.addCell(new Label(11, 6, yycode,...