菜鸟教程地址：https://www.runoob.com/w3cnote/flex-grammar.html flex-direction flex-wrap flex-flow justify-content align-items align-content flex-direction属性决 ...
分类：
其他好文 时间：
2020-04-13 16:43:59
阅读次数：
59
CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的 ...
分类：
Web程序 时间：
2020-04-13 15:26:03
阅读次数：
83
正文-弹性布局flex 弹性布局的作用有点儿类似 Android 中 LinearLayout 和 RelativeLayout 两者的合成版，即：支持横向布局，纵向布局，start，end，center 布局，宽高按比例瓜分等等，当然它还有很多其他功能，比如自动换行，按指定 order 排列等。总 ...
分类：
其他好文 时间：
2020-04-12 14:30:00
阅读次数：
60
本题要求你写个程序把给定的符号打印成沙漏的形状。例如给定17个“*”，要求按下列格式打印 ***** *** * *** ***** 所谓“沙漏形状”，是指每行输出奇数个符号；各行符号中心对齐；相邻两行符号数差2；符号数先从大到小顺序递减到1，再从小到大顺序递增；首尾符号数相等。 给定任意N个符号， ...
分类：
其他好文 时间：
2020-04-09 17:57:41
阅读次数：
191
选用Video.js作为视频播放库，如果要支持hls m3u8还需要videojs contrib hls组件的支持。 安装Video.js 安装videojs contrib hls 创建一个vue的播放组件 src/components/VideoPlayer/index.vue 在页面中引用V ...
分类：
其他好文 时间：
2020-04-08 12:01:25
阅读次数：
52
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各 ...
分类：
其他好文 时间：
2020-04-07 18:31:12
阅读次数：
79
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device ...
分类：
移动开发 时间：
2020-04-06 17:10:08
阅读次数：
70
1、安装jsonp cnpm install --save jsonp 2、jsonp API jsonp( url, opts, fn ) 3、封装jsonp方法 src/assets/js/jsonp.js import jsonp from 'jsonp'; /*data格式案例 { id:1 ...
分类：
Web程序 时间：
2020-04-06 15:54:03
阅读次数：
74
<html> <head> <meta charset="utf-8"/> <title>从上往下，从左往右</title> <style> ＃flex-container {flex-flow：column wrap; } #flex-container > :nth-child(4n - 2) ...
分类：
编程语言 时间：
2020-04-06 15:30:06
阅读次数：
351
1. flex项目使用auto margin flex项目使用了是auto margin，margin会占据所有剩余空间，将元素顶到另一边。并且margin的优先级高于flex项目的其他属性。 直接设置margin: auto，四个方向上auto，可以实现水平垂直居中： 利用此特性可以很方便是实现左 ...
分类：
其他好文 时间：
2020-04-06 15:26:49
阅读次数：
66
