首页 > 代码库 > 解决 各浏览器不支持display:flex的最简单办法

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

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

那么我们通常不考虑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>

技术分享

 

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