前段时间我刚讲了flex布局中的弹性布局,今天我就再来讲讲网格布局。 网格布局相对于弹性布局个人觉得较为简单, 作用在容器上的: display : grid grid-template-columns : 设置列数 grid-template-rows : 设置行数 fr单位 repeat()方法 ...
分类:
Web程序 时间:
2020-03-14 18:30:52
阅读次数:
84
#include <iostream> #include <stdio.h> #include <stdlib.h> #include <easyx.h> #include <graphics.h> #include <time.h> #include <tchar.h> int map[4];// ...
分类:
编程语言 时间:
2020-03-14 18:27:28
阅读次数:
89
单行截断 此方法兼容到ie6过。不过只能单行。 多行截断 此方法webkit私有,并且使用flex布局,只得在移动端和高版本 webkit 系列浏览器使用。 多行截断2 利用浮动元素特性模拟最后的省略号。 兼容性好,对各大主流浏览器有好的支持。 响应式截断,根据不同宽度做出调整。 文本超出范围才显示 ...
分类:
Web程序 时间:
2020-03-14 18:18:28
阅读次数:
71
demo地址 http://106.13.201.82/demo/pageChange.html pageChange.vue <template> <div class="flex" :class="direction" :style="{width:width,height:height}" r ...
分类:
其他好文 时间:
2020-03-14 14:34:54
阅读次数:
332
链接:https://www.jianshu.com/p/a87e48052fad来源:简书 不同浏览器兼容性问题解决:添加浏览器前缀:-webkit- 实际工作:安装插件postCss插件 -》不需要手动加前缀 父级身上的属性: display: flex; justify-content: 子元 ...
分类:
其他好文 时间:
2020-03-12 12:41:19
阅读次数:
65
现在的盒模型主要有三种: 1. 标准盒模型 box-sizing: content-box; 这种盒模型是平时默认使用的方式。即设置的width/height的属性是content-box的属性。 2. 怪异盒模型 box-sizing: border-box; 这种盒模型在实际开发中最方便。即wi ...
分类:
其他好文 时间:
2020-03-12 09:40:46
阅读次数:
49
02-线性结构3 Reversing Linked List (25分) Given a constant K and a singly linked list L, you are supposed to reverse the links of every K elements on L. Fo ...
分类:
其他好文 时间:
2020-03-11 23:38:11
阅读次数:
110
GRID布局 它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局?Grid 布局与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成 ...
分类:
其他好文 时间:
2020-03-11 01:06:18
阅读次数:
66
1 #include <bits/stdc++.h> 2 #define dbg(x) cout << #x << "=" << x << endl 3 #define eps 1e-8 4 #define pi acos(-1.0) 5 6 using namespace std; 7 typed ...
分类:
其他好文 时间:
2020-03-10 01:12:16
阅读次数:
52
传统布局与flex布局 传统布局 :兼容性好;布局繁琐;局限性,不能在移动端很好的布局。 flex 弹性布局 :操作方便,布局极为简单,移动端应用很广泛;PC 端浏览器支持情况较差;IE 11或更低版本,不支持或仅部分支持。 布局原理 flex 是flexible Box 的缩写,意为"弹性布局", ...
分类:
移动开发 时间:
2020-03-09 23:50:24
阅读次数:
91