弹性盒子 父元素 display:flex; 设置元素为弹性盒子 flex-flow flex-direction 设置弹性盒子轴(x,y,轴)与排列 flex-wrap 设置容器为单行或多行 justify-content 设置子元素如何在当前轴方向的排列 align-items 设置子元素在垂直 ...
分类：
Web程序 时间：
2019-08-21 19:00:43
阅读次数：
130
1.单行文字 2.多行文字超出隐藏，这种主要用于移动端。 ...
分类：
其他好文 时间：
2019-08-13 13:34:50
阅读次数：
91
1移动端布局 rem布局+媒体查询+弹性盒媒体查询； 匹配不同的设备宽度从而加载不同的css样式 注意地下的空格 不要删除，不然不出效果 @media only screen and (min-width:360px){ body{ background:yellow;} } @media scre ...
分类：
移动开发 时间：
2019-08-13 00:38:27
阅读次数：
165
弹性盒子布局方式：.box{ display:flex;}@设为Flex布局后，子元素的float、clear和vertical-align属性将失效@采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目 ...
分类：
其他好文 时间：
2019-08-09 11:51:11
阅读次数：
109
水平居中 1.定宽。左右：margin：auto 2.弹性盒设置 justify—content：center 3.父元素设置 text-align：center 4相对定位元素 left：0；right：0；定宽：左右margin：auto 5.相对定位元素 margin-left：50%；tra ...
分类：
Web程序 时间：
2019-07-26 14:22:37
阅读次数：
134
CSS 用于控制网页的样式和布局，而CSS3 是最新的 CSS 标准。 CSS3的规范仍在开发中，有些CSS3并不能完美兼容所有浏览器。 CSS3被拆分为"模块"。旧规范已拆分成小块，还增加了新的。 一些最重要CSS3模块如下： 选择器 盒模型 背景和边框 文字特效 2D/3D转换 动画 多列布局 ...
分类：
Web程序 时间：
2019-07-25 17:43:45
阅读次数：
224
1.在移动端中什么是单击穿透和如何解决单击穿透问题。 形成穿透问题的必要条件：事件源绑定的是touch事件，touch事件底下是click事件，300ms完成点击事件。 单击穿透主要分为单击穿透问题，页面单击穿透问题和跨页面单击穿透问题。 有四种解决方案，（1）只用Touch，把所有页面中的clic ...
分类：
移动开发 时间：
2019-07-21 16:43:43
阅读次数：
117
先看上面的代码，解释一下意思，看你能认识多少（后面有注释）： 1，什么是主轴，什么是交叉轴？ 下面就给你解释一下上面的问题，咱们先看图： 1，水平主轴就是图中的（main axis）线标出的 2，垂直交叉轴就是（cross axis）线标出的 那其他的又是什么？ 看下面的全部解释： 容器默认存在两根 ...
分类：
Web程序 时间：
2019-07-06 00:01:16
阅读次数：
141
【1】需求： 【2】解决方案： 最近遇到布局上要求item两端对齐，且最后一行在列不满的情况下要求左对齐，使用flex的justify-content: space-between;实现时发现最后一行不能左对齐，而是两端对齐方式。 不是项目上想要的效果 # 网上查了一些资料，有两种方法可以实现效果： ...
分类：
其他好文 时间：
2019-07-02 19:19:12
阅读次数：
360
Document *{ margin: 0; padding: 0; list-style: none; } header, footer { height: 50px; background-c... ...
分类：
其他好文 时间：
2019-06-29 19:34:04
阅读次数：
106
