点击上方蓝字关注“小郑搞码事”，每天都能学到知识，搞懂一个问题！

table-layout这个属性主要的取值有automatic/fixed。在理清这两个属性区别之前，有必要先了解一它们的兼容性问题。

如上图所示，我们可以说， 所有浏览器都是支持的。特别是在移动端，可以放心使用它。

下面我非常精简的给大家理清一下它们的使用，区别及使用场景等问题。

DOM结构：

一、精简理解

1、automatic

最小（min）表格宽高为表格设定的宽高，其次表格宽由单元格内容决定。

2、fixed

最小（min）表格宽高为表格设定的宽高，其次表格宽由单元格宽度决定。

二、算法的区别

1、automatic属于自动算法

宽度由单元格内容决定，如下图：

2、fixed属于固定算法

宽度由单元格设定的宽度决定，如下图：

三、使用场景

1、需要使用表格布局的地方，可以发挥表格布局的好处

2、可以少写很多样式（定义中最小（min））

简单总结：

其实记住第一点，对定义的理解就行了，什么时候使用就一目了然了。