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

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

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

 随便添加两个

<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的最简单办法

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-01-20
  • 2022-12-23
  • 2021-11-04
  • 2021-09-18
  • 2021-08-16
  • 2021-05-29
猜你喜欢
  • 2021-08-14
  • 2021-10-06
  • 2022-03-04
  • 2021-12-02
  • 2022-12-23
  • 2021-12-12
  • 2021-12-13
相关资源
相似解决方案