创建一个flexbox： .flex-container{ display:flex; } 4 .flex 项在交叉轴上的对齐 ...
分类：
其他好文 时间：
2018-10-07 16:52:09
阅读次数：
137
所谓逐帧轮播图就是一帧一帧的移动播放，并且实现无缝接连播放的效果。下面将介绍逐帧轮播图的实现思路。 该效果的重点是如何实现无缝连接，其实很简单，逐帧轮播图都是从右往左移动，那么只需将最后一幅轮播图片复制一份放在第一张的位置（比如有5张轮播图，那么位置排列为 5 1 2 3 4 5），这样当图片播放到 ...
分类：
其他好文 时间：
2018-10-07 12:09:19
阅读次数：
192
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持 ...
分类：
其他好文 时间：
2018-10-06 14:37:15
阅读次数：
203
本文将介绍如何使用开源的语法和词法分析框架bison和flex来实现SQL解析器。出于技术学习的目的，本文做描述的微型SQL解析器仅能实现对微型SQL的语法解析。 1.MySQL中的SQL解析器 包括JDBC、ODBC、ADO等等关系数据库客户端应用开发框架在内的各种SDK，核心功能是帮助程序员简化 ...
分类：
数据库 时间：
2018-10-04 23:59:45
阅读次数：
456
.box{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -o-box; display: box; display: -webkit-flex; display: flex; } Jquery.js ...
分类：
其他好文 时间：
2018-10-04 10:42:37
阅读次数：
199
对于定宽元素，一般使用margin: 0 auto能很好实现， 不好实现的办法： 1、text-align , line-height 比较常见，但是是针对文本即单排文字，对于容器，盒子，实现不了。 2、position:absolute、50%和margin:-px 思路是容器脱离文档，靠负mar ...
分类：
其他好文 时间：
2018-10-04 10:40:57
阅读次数：
174
注：一些理论知识来源于CSS3-菜鸟联盟 弹性盒布局(Flex Box) 一、概念 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的 ...
分类：
其他好文 时间：
2018-10-04 10:26:05
阅读次数：
158
弹性布局的属性 [TOC] 属性及作用 1、 display:flex; 弹性布局，父级 2、 flex deriction 方向，父级 3、 flex wrap 换行，父级 4、 justify content 水平对齐方式，写在父级 5、 align items 垂直对齐方式，写在父级 6、 a ...
分类：
其他好文 时间：
2018-10-04 00:03:21
阅读次数：
762
弹性空间与元素具体位置设置是加在子元素身上的 <style> body{ margin: 0; } #box{ height: 300px; border: 1px solid #000; 新版弹性盒模型 /*display: flex;*/ 老版弹性盒模型 display: -webkit-box ...
分类：
其他好文 时间：
2018-10-02 22:21:15
阅读次数：
196
所谓的圣杯布局就是左右两边大小固定不变，中间宽度自适应。我们可以用浮动、定位以及flex这三种方式来实现 一般这种布局方式适用于各种移动端顶部搜索部分，这是最常见的，如京东手机版主页面顶部搜索： 可以看到左边有个菜单按钮，中间是搜索框，右边是登录两个文字，左右大小是固定的，而中间部分则是随着手机屏幕 ...
分类：
Web程序 时间：
2018-10-02 18:06:13
阅读次数：
308
