解决 各浏览器不支持display:flex的最简单办法

Posted 2020-09-22 vsmart

通常我们想让一行元素平均分配宽度，而且还是可以扩展自适应的；不管元素个数多少；

那么我们通常不考虑IE9以下及其它个别浏览器的时候 父级用 display:flex； 子级用 flex: 1;

但有时产品 要求 兼容 各浏览器 及IE8/9;我们不得不想尽各种办法，　　包括JS/JS插件等

但大家都忽略了一个非常有历史却很好用，不存在 兼容问题的表格table布局，我个人超喜欢table布局，因为 它可以很好的扩展；还不存在兼容性；

凡是有关表格数据，表单数据，只要看起来比较整齐 ，我都会首选 表格table布局的；

现在解决上述问题：

<table width="100%" class="buyProcess Cf Tc Mt15">
　　<tr>
　　　　<td width="10%">1</td>
　　　　<td width="10%" class="cur">2</td>
　　　　<td width="10%">3</td>
　　</tr>
</table>

 随便添加两个

<table width="100%" class="buyProcess Cf Tc Mt15">
　　<tr>
　　　　<td width="10%">1</td>
　　　　<td width="10%" class="cur">2</td>
　　　　<td width="10%">3</td>
　　　　<td width="10%">4</td>
　　　　<td width="10%">5</td>
　　</tr>
</table>