安装vue-cli3 安装vue-cli3 安装vue-cli3 npm install -g @vue/cli 创建项目 vue-cli-test npm install -g @vue/cli 创建项目 vue-cli-test 创建项目 vue-cli-test 脚手架-项目-成功-运行项目 ...
分类:
其他好文 时间:
2018-12-29 18:38:23
阅读次数:
273
文章目录 一、行高(line-height)法 二、内边距(padding)法 三、模拟表格法 四、CSS3的transform来实现 五:css3的box方法实现水平垂直居中 六:flex布局(2018/04/17补充) 一、行高(line-height)法 如果要垂直居中的只有一行或几个文字,那 ...
分类:
Web程序 时间:
2018-12-27 13:13:27
阅读次数:
223
Python总结篇——知识大全 python装饰器 PyCharm安装与配置,python的Hello World sort与sorted的区别及实例 我必须得告诉大家的MySQL优化原理 Python四大主流网络编程框架 验证码的爬取和识别详解 Flex 布局:实例篇 http和socket之长连 ...
分类:
编程语言 时间:
2018-12-26 20:07:45
阅读次数:
205
(1):定位 子盒子用绝对定位(千万别给父盒子加相对定位) (2)flex布局 (3)使用grid网格布局: (4)使用table布局,一定要套一个空div,要不然整个页面都是空白的 ...
分类:
其他好文 时间:
2018-12-26 11:36:20
阅读次数:
307
Duke4005’s performance review on the Air Jordan 33 is here. Grab some popcorn, it’s another great review. If anything in this industry makes me feel o ...
分类:
其他好文 时间:
2018-12-25 21:46:47
阅读次数:
118
转自:https://www.cnblogs.com/jerehedu/p/7358329.html 弹性布局,又称“Flex布局”,是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持,我们可以放心大胆的使用。 >>> 了解两个 ...
分类:
其他好文 时间:
2018-12-24 16:28:21
阅读次数:
137
页面一般可以分成三部分,头部,底部,中间内容部分。 一般不用考虑中间高度部分,因为可以靠内容撑开,然后让底部到达底部。但是当中间内容太少时,底部就会顶不到底部。 方法1、中间部分给一个最小高度(min-height = 100vh - 头部高度 - 底部高度). 方法2、flex 布局 ...
分类:
Web程序 时间:
2018-12-24 13:26:24
阅读次数:
206
flex布局就是弹性布局,任何一个容器都可以指定flex布局 div, span都是块级弹性布局: div,span都是行内布局(不换行,但可以设置高度): 弹性布局分为两大块: 弹性容器(父)的属性 和 项目(子)元素的属性; 父容器的属性: 1. flex-direction 规定了子元素的排列 ...
分类:
其他好文 时间:
2018-12-23 16:55:15
阅读次数:
105
CSS布局之左右布局与左中右布局 方法:为子元素设置浮动,然后在其父元素上使用clearfix类来清除浮动。代码示例: 水平居中 子元素为内联元素、单个块状及多级块状元素布局方案不同,具体总结如下: 内联元素:对父元素设置text align: center; 单个块状元素:对子元素设置margin ...
分类:
Web程序 时间:
2018-12-23 15:18:27
阅读次数:
224
之前有开发过一个h5微直播项目,当时里面也用到过聊天模块部分,今天就在之前聊天部分的基础上重新抽离模块,开发了这个h5趣聊项目,功能效果比较类似微信聊天界面。采用html5+css3+Zepto+swiper+wcPop+flex等技术融合开发,实现了发送消息、表情(动图),图片、视频预览,添加好友 ...
分类:
微信 时间:
2018-12-23 00:53:51
阅读次数:
630