.sel不会生效，因为css先按权重排序，权重大的样式优先使用，权重一样的才按先后顺序 改成： .flex-item { background-color: red; width: 100px; } .sel { background-color: black; } 或者： .flex-contai ...
分类：
Web程序 时间：
2019-07-03 16:44:11
阅读次数：
134
1.背景介绍 传统的布局解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所 ...
分类：
其他好文 时间：
2019-07-02 21:34:35
阅读次数：
141
【1】需求： 【2】解决方案： 最近遇到布局上要求item两端对齐，且最后一行在列不满的情况下要求左对齐，使用flex的justify-content: space-between;实现时发现最后一行不能左对齐，而是两端对齐方式。 不是项目上想要的效果 # 网上查了一些资料，有两种方法可以实现效果： ...
分类：
其他好文 时间：
2019-07-02 19:19:12
阅读次数：
360
注意： 1. 这个案例，是我写vue项目修改的，所以思路同样适用于vue框架项目。2. 建议先把代码直接复制过去，先看一下效果。 3. 涉及到知识点，flex布局的属性配合使用 ， @media媒体查询的语法 4. 给ul设置 flex-wrap: wrap , 一定要允许li可以换行，我在这个坑里 ...
分类：
其他好文 时间：
2019-07-02 09:19:16
阅读次数：
80
1 （没有flex之前） 2 3 4 5 6 7 8 61 62 63 64 65 66 67 中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏中间栏... ...
分类：
其他好文 时间：
2019-06-30 15:44:01
阅读次数：
106
本文同步发布在CSDN：https://blog.csdn.net/weixin_44385565/article/details/94207638 1091 Acute Stroke (30 分) 1091 Acute Stroke (30 分) 1091 Acute Stroke (30 分) ...
分类：
其他好文 时间：
2019-06-29 22:36:48
阅读次数：
148
1.What is Teradata? Teradata is a Relational Database Management System (RDBMS) for the world’s largest commercial databases. Teradata是一个关系数据库管理系统（RDB ...
分类：
其他好文 时间：
2019-06-28 19:42:08
阅读次数：
136
const winHeight = wx.getSystemInfoSync().windowHeight Page({ data: { logs: [] }, onLoad: function () { this.setData({ winH: wx.getSystemInfoSync().win... ...
分类：
微信 时间：
2019-06-28 16:38:20
阅读次数：
198
如何居中div？ 水平居中：给div设置一个宽度，然后添加margin:0 auto属性 div{ width:200px; margin:0 auto; } 让绝对定位的div居中 div { position: absolute; width: 300px; height: 300px; mar ...
分类：
其他好文 时间：
2019-06-27 16:13:02
阅读次数：
100
版权声明：本文仅供个人学习。 CSS 中 Flex-Box 语法链接 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以 ...
分类：
其他好文 时间：
2019-06-26 13:19:12
阅读次数：
103
