文章来自:http://zhanglulu33.blog.163.com/blog/static/11279954201031210452381/
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. 在后台实现
/// <summary>
/// 创建日期:2009-5-6
/// 创建人 :*******
/// 方法名称:ToBreakWord
/// 内容摘要:在长字符串中加入空格,使其在FireFix中能自动换行
/// </summary>
/// <param name="strContent">要显示的字符串</param>
/// <param name="length">每行显示的长度</param>
/// <returns>转换后的内容</returns>
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″>...
td内容过长,自动隐藏,非常好使,鼠标挪上去显示全部内容
但使用时要注意的是,td...通过CSS让TD自动换行 项目中 ajax 应用需要动态创建element 但是在td内 内容过长 firefox 能自动换行,ie6 比较傻瓜的!可以如下设置TD的CSS即可实现 复制代码代码如下: <td xss=removed>
经过大牛修改后的core-renderer.jar,当把HTML转化成PDF时支持table的td中的中文、英文和数字自动换行,table必须添加样式table-layout:fixed;word-break:break-strict;
用freemarker 来导出Excel 会简单很多。并且可以导出各种复杂表格,本示例带单元格内换行功能,项目中亲测可以使用,欢迎大家下载使用!
1、强制不换行,同时以省略号结尾。 复制代码代码如下: <div xss=removed> 你好朋友朋友朋友我为什么不能看到效果啊 </div> 2、css自动换行 ...若是div嵌套,要使内层div根据内容自动换行,则可只设置外层的
最近做项目的时候,遇到这样一个问题:我用GridView来显示课程表,每...GridView默认是自动换行,就是说当显示的字符串比较长的时候,GridView会自动换行。 比如我们要显示:“当字符串比较长的时候就会自动换行换行了
FireFox文本自动换行处理,如何实现FireFox文本自动换行 文本自动换行IE中解决方法: word-wrap:break-word;word-break:break-all; 注:在要换行的内容相应的单元格或者DIV里加入,如: <div xss=removed></div>或...
xhtmlrenderer 进行HTML转PDF,修改了core-renderer-R8的源码,兼容中英文换行,且保持对英文单词完整性,亲测可用。
HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行
1、core-renderer.jar该jar包修改过中文不换行问题 public static String getConversionHtmlCode(String linkcss,String htmlCode,String title){ String css = ""; css +="<style>"; css +="table{"; ...
导入 <groupId>org.xhtmlrenderer <artifactId>core-renderer <version>R8 直接根目录下新建包org.xhtmlrenderer.layout 覆盖jar
对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html <div id=wrap>正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal...
CSS控制Table单元格强制换行与强制不换行 我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不...<table><tr> <td class=AutoNewline>自动换行自动换行自动换行自动换行自动换行
很全面的DisplayTag中文帮助文档,对了解和使用该标签有很大的帮助
对于div1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。 复制代码代码如下:#wrap{white-...效果:可以实现换行 2.(Firefox浏览器)white-space:normal; word-break:break-all;overfl
一些时候,文字会自动换行,解决办法是用css 在这行文字的td属性中,加入 复制代码代码如下: style=”word-break : break-all;”