查看效果图 参考其他朋友的实现思路， 添加一行隐藏的元素占位，然后列表元素设置 flex。 ...

1.两列多行： HTML: CSS: 　　这用到了nth-child（），兼容ie9及以上的浏览器，中间的空隙就是两个并排div宽度之和，100%减去后剩下的宽度； 　　 既然提到了nth-child（）,那么就要说一下nth-of-type（），也是只 ...

　　从以前的table布局到现在的div布局，再到未来的flex布局，CSS重构方面对展示行和适应性的要求越来越高； 　　首先来比较一下布局方式的更新意义： 　　　　table布局： 　　　　　　优点：1、兼容性好，ie6、ie7或者什么稀奇古怪的浏览器，table布局可以用最小的代价兼容 ...

参考：阮一峰的网络日志 效果图： ...

**flex&多行布局** 盒模型 组成部分：content+padding+border+margin 1.标准的盒模型 常见的问题 margin值会错误解析 padding值会撑大盒子大小 计算方式：padding和border ...

mysql 行变列（多行变成一行/多行合并成一行/多行合并成多列/合并行），我觉得这都是一个意思 数据库结构如图： 而我想让同一个人的不同成绩变成此人在这一行不同列上显示出来，此时分为2中展现： 第一种展现如图----【多行变一列】（合并后的数据在同一列上）： sql ...

在sql的查询中我们会遇到查询的结果比如这样的： 查询这张表的sql语句： select r.ROLE_NAME,u.USERID,u.USERNAME,u.TrueName f ...

在开发中，我们经常需要使用到三列布局，即左右元素宽度固定，中间元素自适应。废话不多说，直接上代码： 相比较之前使用的的浮动（float）和定位（position）代码更加简洁，但是使用flex布局需要考虑到浏览器是兼容性。相关内容参考如下： 关于flex的W3C规范： http ...