一。flex布局是什么 flex布局，意为"弹性布局"，是一种响应式的布局方法 采用 Flex 布局的元素，称为 Flex 容器，它的所有子元素自动成为容器成员。 容器默认存在两根主轴：水平方向主轴(main axis)和垂直方向交叉轴(cross axis)，默认项目按主轴排列。 main sta ...
分类：
其他好文 时间：
2019-02-23 10:22:31
阅读次数：
226
Flex布局 即display: flex; 1.flex-direction: 未加display: flex; 添加display: flex; flex-decoration: row-reverse; (-webkit) flex-direction: column; flex-direct ...
分类：
其他好文 时间：
2019-02-23 01:25:30
阅读次数：
142
一、水平居中 1.inline元素用tet-align:center; 2.block元素用margin：auto； 二、垂直居中 1.flex弹性盒子 父元素定义 display:flex;align-item:center; 2.absolute绝对定位 i.position:absolute; ...
分类：
Web程序 时间：
2019-02-21 13:06:21
阅读次数：
182
1、阿里矢量图字体图标的用法 2、flex布局 display：flex；设置父容器为伸缩盒子，会使每一个子元素自动变成伸缩项 display：flex；设置父容器为伸缩盒子，会使每一个子元素自动变成伸缩项 接着设置子元素主轴方向上的排列方式 justify-content： flex-start让 ...
分类：
其他好文 时间：
2019-02-19 00:42:49
阅读次数：
223
<div id="flex"> <div id="left">我在边，定宽</div> <div id="right">我在右边，自适应</div> </div> #flex{ display: flex; } #left{ width: 200px; } #right{ background:gr ...
分类：
其他好文 时间：
2019-02-18 14:41:28
阅读次数：
167
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="l ...
分类：
其他好文 时间：
2019-02-16 13:44:39
阅读次数：
220
2009年，W3C提出了一种新的方案--Flex布局，可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。 flex浏览器支持 flex浏览器支持 一、Flex布局是什么？ Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任 ...
分类：
其他好文 时间：
2019-02-16 10:41:00
阅读次数：
165
设置flex-wrap后，每个item上下都会有距离。更改父元素的高度，就可以删除这些距离。 更改后： ...
分类：
其他好文 时间：
2019-02-16 00:00:17
阅读次数：
699
替换为 flex 是一个可以指定最多三个不同值的缩写属性： 第一个就是上面所讨论过的无单位比例。可以单独指定全写 flex-grow 属性的值。 第二个无单位比例 — flex-shrink — 一般用于溢出容器的 flex 项。这指定了从每个 flex 项中取出多少溢出量，以阻止它们溢出它们的容器 ...
分类：
Web程序 时间：
2019-02-13 13:04:05
阅读次数：
164
<script id="allhunxingtmpl" type="text/x-jquery-tmpl"> {{each(dongi,dongitem) 总户型}} <tr style="display: flex" class="trTable"> <th style="width: 25%;t ...
分类：
Web程序 时间：
2019-02-13 13:03:01
阅读次数：
297
