HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行。但使用时要注意的是,td元素中nowrap属性的行为与td元素的width属性有关。如果未设置td宽度,则nowrap属性起作用的,如果设置了td宽度,则nowrap属性不起作用。
通过CSS让TD自动换行
项目中 ajax 应用需要动态创建element 但是在td内 内容过长 firefox 能自动换行,ie6 比较傻瓜的!可以如下设置TD的CSS即可实现
<td style="word-break:break-all">
但是对于英文和数字来说,以上的设定在 IE6 下正常的换行,到了FireFox下不能换行了。因为word-wrap不是css2的标准属性,所以Mozilla不支持这个。很多人用overflow将撑出的部分隐藏或者加滚动条,但这样子肯定不是我们想到达到的效果,只能用JS实现换行。
用代码实现
无空格连续长字符,浏览器将它看成是一个长单词了,故实现不了自动换行,所以在你想换行的地方打个空格即可解决换行问题,用JS处理加入标点符号或者用空格隔开,就可以实现英文和数字的自动换行了。
1. 用JS实现
<script type="text/javascript">
function toBreakWord(intLen){
var obj=document.getElementById("hh");
var strContent=obj.innerHTML;
var strTemp="";
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+" ";
strContent=strContent.substr(intLen,strContent.length);
}
strTemp+=" "+strContent;
obj.innerHTML=strTemp;
}
function myLoad(){
if(document.getElementById && !document.all)toBreakWord(24);
}
window.onload=function()
{
myLoad();
}
</script>
2. 在后台实现
private string ToBreakWord(string strContent, int length)
{
//如果为空,则返回空字符串
if (strContent == null)
{
return String.Empty;
}
//如果长度不够,则直接返回
if (strContent.Length <= length)
{
return strContent;
}
string strTemp = String.Empty;
//如果足够长,则在其中加入空格
while (strContent.Length > length)
{
strTemp += strContent.Substring(0, length) + " ";
strContent = strContent.Substring(length, strContent.Length-length);
}
strTemp += " " + strContent;
return strTemp;
}
分享到:
相关推荐
html中让表格td中的多余字体自动换行的
然后设置td的 style=word-wrap:break-word; 即可 复制代码代码如下:”1″ cellspacing=”0″ cellpadding=”0″ width=”200″> <tbody> <tr> <td xss=removed width=”20″>...
经过大牛修改后的core-renderer.jar,当把HTML转化成PDF时支持table的td中的中文、英文和数字自动换行,table必须添加样式table-layout:fixed;word-break:break-strict;
HTML中td元素的nowrap属性表示禁止单元格中的...项目中 ajax 应用需要动态创建element 但是在td内 内容过长 firefox 能自动换行,ie6 比较傻瓜的!可以如下设置TD的CSS即可实现 复制代码代码如下: <td xss=removed>
1、强制不换行,同时以省略号结尾。 复制代码代码如下: <div xss=removed> 你好朋友朋友朋友我为什么不能看到效果啊 </div> 2、css自动换行 复制代码代码如下: div{ word-wrap: break-word; word-break: normal; ...
1、core-renderer.jar该jar包修改过中文不换行问题 public static String getConversionHtmlCode(String linkcss,String htmlCode,String title){ String css = ""; css +="<style>"; css +="table{"; ...
xhtmlrenderer 进行HTML转PDF,修改了core-renderer-R8的源码,兼容中英文换行,且保持对英文单词完整性,亲测可用。
FireFox文本自动换行处理,如何实现FireFox文本自动换行 文本自动换行IE中解决方法: word-wrap:break-word;word-break:break-all; 注:在要换行的内容相应的单元格或者DIV里加入,如: <div xss=removed></div>或...
td内容过长,自动隐藏,非常好使,鼠标挪上去显示全部内容
用freemarker 来导出Excel 会简单很多。并且可以导出各种复杂表格,本示例带单元格内换行功能,项目中亲测可以使用,欢迎大家下载使用!
兼容多浏览器的强制不换行的CSS,主要以DIV为列子,分析个浏览器的解析特性
例如l:lovelovelovelovelovelovelovelovelovelovelovelove这样的,于是乎,我们的td就被无情的撑开了,无法换行,⊙﹏⊙ 解决方案: 一般有两种:就是td里面再套一个div,然后设置这个div的word-break:all,或者...
HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行
导入 <groupId>org.xhtmlrenderer <artifactId>core-renderer <version>R8 直接根目录下新建包org.xhtmlrenderer.layout 覆盖jar
GridView中的换行问题可以分为两类:一类是自动换行,另一类是正常换行。 先说第一类:自动换行 GridView默认是自动换行,就是说当显示的字符串比较长的时候,GridView会自动换行。 比如我们要显示:“当字符串比较...
对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div>...