css中table-layout属性是干什么的?
导读: 一、什么是table-layout属性? 1.定义 table-layout属性用来显示表格单元格、行、列的算法规则 2.用法 table-layout:automatic||fixed||inherit; ...
一、什么是table-layout属性?
1.定义
table-layout属性用来显示表格单元格、行、列的算法规则
2.用法
table-layout:automatic||fixed||inherit;
automatic(auto):(默认值)列宽度由单元格内容设定;
fixed:列宽由表格宽度和列宽度设定;
inherit:规定应该从父元素继承table-layout属性的值。
3.table-layout属性说明
该属性指定了完成表布局时所用的布局算法。
固定布局(fixed)算法比较快,但灵活性不强。
自动布局(auto)算法比较慢,却更能反映传统的HTML表。
注:
所有浏览器都支持table-layout属性;但任何的版本的InternetExplorer(包括IE8)都不支持属性值"inherit"!!!
二、两种布局方法介绍(自动布局与固定布局)
1.自动布局(auto)
在自动布局中,列的宽度是由列单元格中没有折行的最宽的内容设定的,所以设置单元格的宽度是没有效的。
自动布局的算法有时会较慢,这是由于它需要在确定最终的布局之前访问表格中所有的内容。
代码实例:
自动布局
table.ex{
table-layout:auto}
本文转载自中文网
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css中table-layout属性是干什么的?
本文地址: https://pptw.com/jishu/664939.html
