CSS:table-layout属性的作用与使用详解

       以前看过不少css的用法,但对于一些不叫少用的属性没有怎么看过,今天在经典上看贴,发现了一个对“怎么用css强制td不换行?”话题的讨论,发现了table-layout这个属性的使用详解,先贴出来内容:

语法:
table-layout : auto | fixed 
取值:
auto : 默认值。默认的自动算法。布局将基于各单元格的内容。表格在每一单元格内所有内容读取计算之后才会显示出来 
fixed : 固定布局的算法。在这种算法中,表格和列的宽度取决于 col 对象的宽度总和,假如没有指定,则会取决于第一行每个单元格的宽度。假如表格没有指定宽度( width )属性,则表格被呈递的默认宽度为 100% 。 

说明:
设置或检索表格的布局算法。
你可以通过此属性改善表格呈递性能。此属性导致IE以一次一行的方式呈递表格内容从而提供给信息用户更快的速度。此属性依据此下顺序使用其中一种方式布置表格栏宽度:
使用 col 或 colGroup 对象的宽度( width )属性信息。
使用表格第一行内的单元格的宽度( width )信息。
依据表格列数等分表格宽度。而不考虑表格内容的实际宽度。 
假如单元格的内容超过了列宽度,内容将会被换行。假如无法换行,则内容会被裁切。假如此属性被设置为 fixed ,则 table-layout 能够被用于控制处理溢出单元格( td )宽度的内容。假如表格行高度被指定了,那么换行的内容如果超出了指定表格行高度也会在纵向上被裁切。 
设置此属性值为 fixed ,有助于提高表格性能。对于长表格效果尤其显著。
设置表格行高可以进一步提高呈递速度,浏览器不需要检测行内每一个单元格内容去确定行高就可以开始解析以及呈递。
此属性对于 table-layoutStyle 对象而言是只读的。对于其他对象而言是可读写的。

对应的脚本特性为 tableLayout 。

注意到以下几点:
1,你可以通过此属性改善表格呈递性能。此属性导致IE以一次一行的方式呈递表格内容从而提供给信息用户更快的速度。
2,设置此属性值为 fixed ,有助于提高表格性能。对于长表格效果尤其显著。
3,设置表格行高可以进一步提高呈递速度,浏览器不需要检测行内每一个单元格内容去确定行高就可以开始解析以及呈递。
----------------------------------------------------
这个特性对于长表格显示速度及效果来说时非常有用的。可以用来改善表格性能!

对于作者的问题也比较有意思,要求如下:
1,在TD里,不要出现nowrap属性,要想办法把nowrap放到CSS里.
2,TD里,不允许有折行,超过的部份要隐藏!
最终实现方法(注意这里不能加DTD,不然无法实现,不知为何):

Untitled Document.aa{    table-layout : fixed;}td{    overflow:hidden;    height:22px;}

登录后复制  

  

  

  

  

            J2SE      Java 2 Standard Edition                      J2EE      Java 2 Enterprise Edition                      J2ME      Java 2 Micro Edition                      GPS      Global Positioning System       全球定位系统              CDMA      Code Division Multiple Access       码分多址              SMS      Short Message Service       短信息服务              BREW      Binary Runtime Environment for Wireless                      Symbian                            Windows Mobile Smartphone                             MIDlet             按MIDP规范开发的J2ME应用程序              MIDP      Mobile Information Device Profile       移动信息设备框架              Profile             框架/简表              CLDC      Connected Limited Device Configuration       标准配置              CDC      Connected Device Configuration                      KVM      K virtual Machine                      SDK      Software Development Kit       软件开发工具包              JAR      Java ARchive                      JAD      Java Application Descriptor       应用程序描述符              GCF      General Connection Framework                      RMS      Record Management System       记录管理系统              Sprite             精灵                            冲突检查                            平铺图层      

以上就是CSS:table-layout属性的作用与使用详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3122898.html

(0)
上一篇 2025年3月29日 18:25:01
下一篇 2025年3月5日 18:52:10

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论