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

摘要:
通常我们想让一行元素平均分配宽度,而且还是可以扩展自适应的;不管元素个数多少;那么我们通常不考虑IE9以下及其它个别浏览器的时候父级用display:flex;子级用flex:1;但有时产品要求兼容各浏览器及IE8/9;我们不得不想尽各种办法,  包括JS/JS插件等但大家都忽略了一个非常有历史却很好用,不存在兼容问题的表格table布局,我个人超喜欢table布局,因为它可以很好的扩展;还不存在

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

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

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

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

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

现在解决上述问题:

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

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

随便添加两个

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

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

免责声明:文章转载自《解决 各浏览器不支持display:flex的最简单办法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇ElasticSearch 定时批量删除N天前的数据QT 按钮(4种样式)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

数据库编程基本练习题

 1、用一条SQL语句查询出每门课都大于80分的学生姓名  准备数据的sql代码: create table score( id int primary key auto_increment, name varchar(20), subject varchar(20), score int); insert into score values (nul...

mysql查看表中列信息

查看所有数据库中所有表的数据库名和表名 SELECT `TABLES`.`TABLE_SCHEMA`, `TABLES`.`TABLE_NAME` FROM `information_schema`.`TABLES` 查看所有数据库中所有基本表的数据库名和表名 SELECT `TABLES`.`TABLE_SCHEMA`, `TAB...

HTML-table

表格 创建表格的四个元素:table、tr、th、td 1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。 2、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。 3、<td>…</td>:表格的一个...

解读eXtremeComponents代码结构--转载

原文地址:http://blog.csdn.net/lark3/article/details/1937466 大致整理了去年写的东西,罗列如下: ec是一系列提供高级显示的开源JSP定制标签,当前的包含的组件为eXtremeTable,用于以表形式显示数据。ec现在的版本是1.0.1,由Jeff Johnston开发的,网址:http://www.ex...

antd+vue table表格 是否启用 状态显示

antd+vue table表格 是否启用 状态显示 小功能记录一下:单元格里面两个状态或者三个状态切换显示问题。官网里tag标签都是同时展示两个或三个,我这里是根据状态展示对应状态标签。通过试用v-if来控制显示标签,颜色样式自己设置。 这里展示的是部分代码 <template> <a-table :columns="columns...

浅析Lua中table的遍历

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://rangercyh.blog.51cto.com/1444712/1032925 当我在工作中使用lua进行开发时,发现在lua中有4种方式遍历一个table,当然,从本质上来说其实都一样,只是形式不同,这四种方式分别是: forke...