http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 容器设置 新版的为display为flex 老版的为display为webkit-box； 布局方向 老版的布局方向 flex-direction: ...
分类：
Web程序 时间：
2019-11-04 14:04:55
阅读次数：
83
定义为弹性盒子 display: flex;考虑浏览器兼容问题 弹性子元素在父容器中的位置排列（横向、纵向） flex-direction row：横向从左到右排列（左对齐），默认的排列方式。 row-reverse：反转横向排列（右对齐，从后往前排，最后一项排在最前面。 column：纵向排列。 ...
分类：
其他好文 时间：
2019-11-03 16:49:28
阅读次数：
117
一：flex弹性布局 <!DOCTYPE> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{padding: 0;margin: 0;} body{ display: flex; } . ...
分类：
Web程序 时间：
2019-11-03 12:40:41
阅读次数：
97
最终效果如下（专注实现功能，所以页面比较简陋。。。） ...
分类：
其他好文 时间：
2019-11-02 12:14:53
阅读次数：
191
升级过程： 原系统：CentOS7.3 [root@my-e450 ~]# uname -r3.10.0-514.el7.x86_64 安装必需的软件包： # yum update# yum install -y ncurses-devel make gcc bc bison flex elfuti ...
分类：
其他好文 时间：
2019-11-01 12:49:38
阅读次数：
184
flex布局 "阮一峰：flex布局教程" http://www.ruanyifeng.com/blog/2015/07/flex grammar.html 注意点： 任何一个容器都可以指定为flex布局 行内元素也可以使用flex布局：display：inline flex webkit内核的浏览 ...
分类：
其他好文 时间：
2019-11-01 00:05:32
阅读次数：
125
垂直居中 方案一：relative + top 方案二：flex布局 水平居中 方案一：margin: 0 auto; ...
分类：
Web程序 时间：
2019-10-31 23:42:43
阅读次数：
137
代码片段： <div class="flex-vertical" id="rootWarp" v-cloak> <!-- 头部 --> <header id="header"> <div class="header" :class="{on:headers.num==0}" v-for="(head ...
分类：
其他好文 时间：
2019-10-29 11:20:10
阅读次数：
63
