正文-弹性布局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
flex布局 用以代替浮动的布局手段； 必须先把一个元素设置为弹性容器；//display：flex； 一个元素可以同时是弹性容器和弹性元素; 设为flex布局以后，子元素的float、clear和vertical-align属性将失效。 主轴：弹性元素排列的方向； 弹性容器的属性 1、flex-d ...
分类：
其他好文 时间：
2020-04-05 23:54:02
阅读次数：
110
一、什么是Flex布局？ Flex是Flexible Box的缩写，顾名思义为“弹性布局”，用来为盒装模型提供最大的灵活性。 任何一个容器都可以指定为Flex 布局。 1 2 3 .box{ display:flex; } 行内元素也可以使用Flex布局。 1 2 3 .box{ display:i ...
分类：
其他好文 时间：
2020-04-05 22:16:09
阅读次数：
89
