1、flex属性 1.1 flex属性是flex-grow, flex-shrink 和 flex-basis的简写,默认值为0 1 auto. flex-grow: 定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大。 flex-shrink:定义了项目的缩小比例,默认为1,即如果空间不足 ...
分类:
其他好文 时间:
2019-10-14 15:02:45
阅读次数:
93
左侧宽度固定,右侧自适应 右边内容超出的话,就会导致左边固定的宽度大小不起重要了,这时只需要加上min-width: 0;就可以了 至于为什么,愣是看不懂。。。。 ...
分类:
其他好文 时间:
2019-10-14 14:57:40
阅读次数:
173
flex:1和flex:auto详解 首先明确一点是, 是 、`flex shrink flex basis`的缩写。 属性定义项目的放大比例,默认为 ,即如果存在剩余空间,也不放大。 属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。 属性定义了在分配多余空间之前,项目占据的主轴空 ...
分类:
其他好文 时间:
2019-10-13 01:07:27
阅读次数:
146
1.1. 横向滚动的菜单 1.1.1. 功能介绍 不运用<ion-scroll>,直接用css样式,做成菜单栏的横向滚动。 最外层div设置display:-webkit-box;overflow-x:scroll 1.1.2. 代码 <div class="bar has-header" styl ...
分类:
其他好文 时间:
2019-10-10 15:36:51
阅读次数:
231
Column 类似Android里的LinearLayout里的Vertical 竖直布局 Row 类似 Android里的LinearLayout里的horizontal 水平布局 Flex 自适应布局,可以使用flex属性 规定子布局所占比大小,也可用direction规定方向 还有流式布局Wa ...
分类:
其他好文 时间:
2019-10-10 12:59:20
阅读次数:
121
准备 RPM包安装 yum安装交叉编译工具 ~~~shell yum install y binutils aarch64 linux gnu gcc aarch64 linux gnu bison flex glib2 glib2 devel pixman devel bc ~~~ 手动安装gli ...
分类:
其他好文 时间:
2019-10-08 23:38:19
阅读次数:
597
.mui-ellipsis{ display: flex; justify-content: space-between; } ## 绘制新闻资讯页面的效果 + 使用mui中的media-list.html + 使用 `display: flex;`实现了弹性盒模型布局,从而让 元素左右贴边;`ju ...
分类:
其他好文 时间:
2019-10-08 09:21:59
阅读次数:
279
在编写一片网页时,我们经常需要使一些文本或者图片,盒子居中!但是在众多的写法里,那些才能使我们的目的最快,最有效的达到呢! 居中也是有轴线之分的,水平轴,垂直于水平轴的轴,交叉轴。 1盒子居中 margin:auto; 通常在这此行只有一个盒子的情况下使用[需要定宽-常规流和浮动不用] 2文本居中 ...
分类:
Web程序 时间:
2019-10-07 23:28:53
阅读次数:
228