table-layout

  • 版本:CSS2
  • 媒体:视觉
table-layout属性在CSS表格中是比较常用的,本文将带你深入理解table-layout属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上table-layout的演示案例,希望能够对你有所帮助。

table-layout的具体语法

table-layout:auto | fixed

默认值auto

适用于:table系元素

继承性:有

动画性:否

计算值:指定值

table-layout的取值介绍

auto:
默认的自动算法。布局将基于各单元格的内容,换言之,可能你给某个单元格定义宽度为100px,但结果可能并不是100px。表格在每一单元格读取计算之后才会显示出来,速度很慢
fixed:
固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关。也就是说,内容可能被裁切

table-layout的使用说明

设置或检索表格的布局算法。
  • 通常fixed算法会比auto算法高效,尤其是对于那些长表格来说。fixed算法使得表格可以像其它元素一样一行一行的渲染。
  • 对应的脚本特性为tableLayout

table-layout的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
IE Firefox Safari Chrome Opera
6.0 4.0 4.0 4.0 15.0

table-layout的完整演示案例

HTML&CSS Table元素详细解说

我带大家用table来做一个简单的demo,通过一个具体的例子,来看一下table怎么用?首先,打开Eclipse,新建一个HTML页面...3月9日

clientHeight,body标签的高度,可更换为你其它标签对象。6、-6,距具体情况作相应改动。以上这篇htmlcss控制div或者table等固定在指定位置的实现方法就是小编分享给大家的全...2016年6月28日

HTML5DIV+CSS和TABLE布局的优缺点讲解TABLE布局是WEB早期CSS不存在的时候兴起的,是对TABLE标签的不正规使用,Table标签就是表格,是用来显示数据的,而不是用来布局网页的...2016年9月14日

例如:内容内容在CSS中定义:.style1{}.style2(}2015年4月10日

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册