td强制换行《http://www.cnblogs.com/Fooo/archive/2011/03/28/1998048.html》
2014-08-07 21:56
381 查看
1.我使用的方法是在td中加入nowrap='nowrap'
2.其他方法:
1. table 的style里加 table-layout:fixed (好像有时不需要)
2. td的style里加white-space:nowrap;overflow:hidden;word-break:break-all; 用来防止换行
3. 然后在td里加一个div
div style=”width:350px;overflow:hidden;” nowrap>…</div>
(信息来自:http://devblog.ns-soft.com/index.php/p/91/)
在css中控制强制换行或不换行的写法为:
语法:
white-space : normal | pre | nowrap |inherit
取值:
normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行
pre : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ,此属性可以使用,但是不会发生作用。结果等同于 normal 。参阅 pre 对象
nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象
CSS设置不转行:
overflow:hidden 隐藏
white-space:normal 默认
pre 换行和其他空白字符都将受到保护
nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象
设置强行换行:
word-break:
normal: 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all:该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all:与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法
◆如果未设置TD宽度,则noWrap属性是起作用的。
◆如果设置了TD宽度,则noWrap属性是不起作用的。
2.其他方法:
1. table 的style里加 table-layout:fixed (好像有时不需要)
2. td的style里加white-space:nowrap;overflow:hidden;word-break:break-all; 用来防止换行
3. 然后在td里加一个div
div style=”width:350px;overflow:hidden;” nowrap>…</div>
(信息来自:http://devblog.ns-soft.com/index.php/p/91/)
在css中控制强制换行或不换行的写法为:
语法:
white-space : normal | pre | nowrap |inherit
取值:
normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行
pre : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ,此属性可以使用,但是不会发生作用。结果等同于 normal 。参阅 pre 对象
nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象
CSS设置不转行:
overflow:hidden 隐藏
white-space:normal 默认
pre 换行和其他空白字符都将受到保护
nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象
设置强行换行:
word-break:
normal: 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all:该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all:与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法
◆如果未设置TD宽度,则noWrap属性是起作用的。
◆如果设置了TD宽度,则noWrap属性是不起作用的。
相关文章推荐
- 两个div,一个左右排列不换行(zz:http://www.cnblogs.com/circlesport/archive/2007/03/15/676261.html)
- 终于记住回车和换行cr lf的来由和含义了 -参考: http://www.cnblogs.com/me115/archive/2011/04/27/2030762.html
- 常用的正则表达式小结【网上摘抄,原文地址:http://www.cnblogs.com/hermes262/archive/2006/02/27/338621.html】
- 技术创业需胆识 谈IT技术人员的创业 (http://www.cnblogs.com/dudu/archive/2007/05/27/761740.html)
- DataGrid动态添加模板列的一个例子 http://www.cnblogs.com/lovecherry/archive/2005/03/25/125526.html
- 一个JavaScript的Hash类 http://www.cnblogs.com/fanrong/archive/2007/02/06/641556.html
- [转-来自啊泰]推模式下dataset1下显示的是"...未找到项目..." 问题的解决 [http://www.cnblogs.com/babyt/archive/2005/04/15/138582.html]
- DataGrid资料(转贴 http://www.cnblogs.com/icesnaker/archive/2004/07/31/29017.html)
- WebService开发(一) 如何使用Soap头 http://www.cnblogs.com/wayne-ivan/archive/2007/06/19/788539.html
- 在ASP.NET 2.0中开发通配符映射应用程序的一些问题 (转自:http://www.cnblogs.com/dudu/archive/2006/03/07/345107.html)
- prototype.js 让你更深入的了解javascript的面向对象特性 http://www.cnblogs.com/meil/archive/2007/05/09/740043.html
- [转-来自啊泰]可逆加密,支持中文,支持密钥,加密后的密文每次都不同,且可随意改变算法 组件之Vb.Net版本 [http://www.cnblogs.com/babyt/archive/2005/04/13/136613.html]
- [转-来自啊泰]推模式下dataset1下显示的是"...未找到项目..." 问题的解决[补充] [http://www.cnblogs.com/babyt/archive/2005/04/15/138588.html]
- http://www.cnblogs.com/Terrylee/archive/2006/11/12/aspnet_ajax_quickstarts.html(ajax入门 )
- [转-来自啊泰][模板制作技巧4]背景隔行换色 [http://www.cnblogs.com/babyt/archive/2005/03/13/118095.html]
- Js+XML 操作 http://www.cnblogs.com/skylaugh/archive/2006/09/15/505393.html
- [转-来自啊泰]彩票随机生成器原型 [http://www.cnblogs.com/babyt/archive/2005/04/08/134092.html]
- http://www.cnblogs.com/bonny.wong/archive/2005/01/29/99387.html
- VS2005中用C#中的NameValueCollection类读取配置信息 (转自http://www.cnblogs.com/teddy/archive/2006/10/18/532880.html)
- http://www.cnblogs.com/wayfarer/archive/2004/07/30/28723.html