CSS 1.position：sticky 粘性定位，必须要设置top,bottom,left,right其中一个，最近在做吸顶效果用到了。 2.flex布局中的justify-content：space-evenly，这个是各元素之间以及两边元素的空白相等，（space-around是两边元素空白 ...
分类：
Web程序 时间：
2020-06-17 18:09:41
阅读次数：
65
一、兼容性 1、各浏览器最新版本都已支持，除了IE 10 / UC , IE 11 已经支持。 //Internet Explorer 10： 使用 -ms- 前缀； //UC浏览器： 使用 -webkit- 前缀。 2、兼容更老版本的写法 display: -webkit-box; display ...
分类：
其他好文 时间：
2020-06-16 01:01:57
阅读次数：
69
这次给小伙伴们带来兼容性的学习知识点分享 浏览器为什么会解决兼容性啦？ 原因：同一个标签在页面上的默认样式不同，因此展现的效果也是不一样的。为了同一个标签在页面上的默认样式相同，所以只需要一个css就可以同意样式。 解决方案 方案1：重置文件（reset或者normalize）开源 方案2：can ...
分类：
其他好文 时间：
2020-06-15 12:31:56
阅读次数：
85
网上摘录常用css片段 垂直水平居中 /*绝对定位 ＋ 未知宽高 ＋ translate*/ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); /*flex 轻松搞定水平垂直居中(未知宽高*/ dis ...
分类：
Web程序 时间：
2020-06-14 23:22:57
阅读次数：
85
主要实战技巧 1、自动撑满剩下 设置flex布局 一项定死宽度/高度 剩下的利用 flex：auto 撑满 .父{ display:flex; width:2000px } .子1{ flex:auto } .子2{ width:200px } 2、垂直居中 (1)古董方法 外围一半 - 自身一半 ...
分类：
Web程序 时间：
2020-06-13 17:36:21
阅读次数：
74
关于flex布局 dispaly：flex;添加到父元素上，决定了它的子元素的布局 以下都是添加在父元素上的属性： 1、flex-direction:决定了子元素在弹性盒内的主轴方向 1、row默认的x轴从左到右排列 2、row-reverse x轴倒序排列 3、column y轴从上到下排列 4. ...
分类：
其他好文 时间：
2020-06-12 17:32:03
阅读次数：
66
printf("%s","china");printf中%s可以直接在输出列表中输入字符串。 scanf中%c格式下输入字符空格字符与转移字符都作为有效字符输入。例如 scanf("%c%c%c",&a,&b,&c);不能再输入字符时输入 a b c正确的输入方法是 abc () 从左至右！- + ...
分类：
其他好文 时间：
2020-06-12 01:07:23
阅读次数：
103
当小程序的flex布局遇到button时 发现justify-content不起作用，无论怎么设置都是space-around的效果。 经过排查，发现原因是小程序button中的默认样式中的margin-left: auto;margin-right: auto;所引起的 覆盖掉就好了 flex 格 ...
分类：
微信 时间：
2020-06-11 16:15:16
阅读次数：
94
关于css的flex布局,我只想说他真的解决了曾经布局中float和position中的痛苦,网上关于flex的文章很多了,在这里分享两篇好的文章(真的只有两篇)供大家学习. 一.阮一峰(不用多说很详细)Flex 布局教程：实例篇Flex 布局教程：语法篇 二.渔人码头用大彩图和GIF动画解释 用大 ...
分类：
其他好文 时间：
2020-06-11 01:07:28
阅读次数：
108
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网格布局Grid用法</title> <style> body{ width: 100%; height: 100%; display: flex; justi ...
分类：
微信 时间：
2020-06-11 00:24:16
阅读次数：
89
