案例基础布局 html <ul class="box"> <li class="item"></li> <li class="item"></li> <li class="item"></li> <li class="item"></li> </ul> css .box{ display: -web ...
分类：
其他好文 时间：
2020-05-02 13:25:00
阅读次数：
55
弹性盒子 使用弹性布局，首先要将父盒子定义为弹性盒子。 display: flex display: inline flex 行级弹性盒子,类似inline block 弹性元素 弹性盒子内的元素称为”弹性元素“。 弹性布局实际上就是要对弹性元素的排列做各种设置。 排列方向 flex directi ...
分类：
Web程序 时间：
2020-05-02 12:17:44
阅读次数：
86
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, ...
分类：
其他好文 时间：
2020-05-01 20:54:41
阅读次数：
68
flex中align-self给指定的iitem(子元素)设置对齐方式 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ...
分类：
其他好文 时间：
2020-05-01 20:47:21
阅读次数：
72
代码实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .f{display:flex;} .f1{flex:1;} .ac{align-items:center;} .w50px{width:50px;} .w100{wi ...
分类：
其他好文 时间：
2020-05-01 14:47:10
阅读次数：
66
1007 素数对猜想 (20分) 让我们定义d?n??为：d?n??=p?n+1???p?n??，其中p?i??是第i个素数。显然有d?1??=1，且对于n>1有d?n??是偶数。“素数对猜想”认为“存在无穷多对相邻且差为2的素数”。 现给定任意正整数N(<10?5??)，请计算不超过N的满足猜想的 ...
分类：
其他好文 时间：
2020-05-01 11:01:56
阅读次数：
44
前言 在本文中将会用Vue完成九宫格拖拽效果，同时介绍一下网格布局。具体代码以及demo可以点以下超链接进入 传送门：Demo以及完整代码连接 效果实例 简单了解Grid布局（网格布局） 什么是网格布局 CSS网格布局（又称“网格”），是一种二维网格布局系统。CSS在处理网页布局方面一直做的不是很好 ...
分类：
其他好文 时间：
2020-04-30 09:53:07
阅读次数：
51
1.在index.wxcss里设置 第三个元素类i3里单独设置 align-items: flex-end; 全部元素设置 align-items: baseline（解释：以文字进行对齐）; 2.在index.wxml里设置 class="item i3" 3.交叉轴上的布局 4.1flex-gr ...
分类：
其他好文 时间：
2020-04-29 17:55:58
阅读次数：
69
1.不使用flex时，在index.wxml里写格式 2.在index.wxss里写样式 3.开始启用flex格式 3.1 flex-flow: row; 元素按照一行排列； flex-flow: column; 元素按照一列排列 3.2 flex-direction: column; 元素排列方式 ...
分类：
微信 时间：
2020-04-29 16:29:31
阅读次数：
275
基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐 WebApp，UI 界面参考了安卓版的网易云音乐、flex 布局适配常见移动端。 因为服务器的原因，所以可能多人访问的时候有些东西会加 ...
分类：
移动开发 时间：
2020-04-29 12:56:51
阅读次数：
149
