首先是弹性盒布局：dispaly:flex；和display:inline-flex；(两个元素会在一行显示，类似于块状元素和行内块元素的区别) 1.设置成弹性盒后，所有的元素都会在主轴上排列，默认x轴为主轴，与主轴垂直的为侧轴 2.如果父元素设置成了弹性盒，想让子元素在弹性盒上下左右居，子元素只需 ...
分类：
其他好文 时间：
2020-05-26 22:13:49
阅读次数：
102
可能是子元素没有撑开父元素 用better-scroll的话可能在元素还没有生成的时候，new BScroll(el) 没有找到目标节点 如果pc可以移动端不可以那就试试监听滚动内容区的touchmove事件并阻止事件冒泡 let popContent = this.$refs.bscroll; p ...
分类：
移动开发 时间：
2020-05-26 12:45:19
阅读次数：
301
列表 列表功能（划分区域）：把相同的类别的内容展示到一个区域 1.有序列表 父元素：ol （ordered list） 子元素只能是：li （list item） 列表项 默认状态：元素内容之前会有一个阿拉伯数字（从1依次递增） 改变有序列表的样式: list-style取值 decimal 阿拉伯 ...
分类：
其他好文 时间：
2020-05-26 12:19:54
阅读次数：
85
1.点击后改变子元素 .myclass:active span{` `}` .myclass:active +span{ color: 00f; } .myclass:active +span p{ color: 00f; } <img?src="./img/houshichang@2x.png"? ...
分类：
其他好文 时间：
2020-05-25 19:10:06
阅读次数：
148
什么是插槽？ 插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。 应用场景 比如你开发一个组件, 里面一些子元素希望是由调用者来定义, 就可以定义 ...
分类：
其他好文 时间：
2020-05-24 23:48:44
阅读次数：
146
11.文字间距设置：letter-spacing:2rpx;12.垂直居中（此元素放置在父元素的中部）：vertical-align:middle;www.zhaoweb.cn13.设置子元素Image样式：.circle-imgimage{width:90rpx;height:90rpx}14.最底层垂直居中横线样式：复制代码.horizon{width:660rpx;height:2rpx;b
分类：
微信 时间：
2020-05-24 09:48:47
阅读次数：
136
在实际的项目中，常常会遇到不能给容器设置固定高度的情况，因为容器的高度是随着内容的变化而变化的，如果该容器正好有边框或者背景，并且子元素设置了浮动，那么在某些浏览器里是无法显示出来的，而这个问题一般会有以下的解决方法。 方法一：{ overflow:hidden; } 方法二：在该容器的最后一个子元 ...
分类：
其他好文 时间：
2020-05-23 18:21:56
阅读次数：
193
二.弹性布局(重点******************************************) 1.什么是弹性布局 弹性布局，是一种布局方式。 主要解决的是某个元素中子元素的布局方式 让页面布局更加的灵活 2.弹性布局专有的名词解释 1.容器 要发生弹性布局的子元素，他们的父元素，成为容器 ...
分类：
Web程序 时间：
2020-05-19 23:10:06
阅读次数：
142
:nth-child是css3的一个比较常用的选择器。它用于匹配属于其父元素中的子元素，不论元素的类型。 它的参数可以是数字、关键词或公式。下面讲介绍它的使用方法, nth-child的使用 html结构如下： <div class="demo"> <p>1</p> <p>2</p> <p>3</p ...
分类：
Web程序 时间：
2020-05-18 14:24:11
阅读次数：
83
flex是flexble Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。 当我们为父盒子设置为flex布局以后，子元素的float（浮动）、clear（清除浮动）和vertical-align（垂直居中，margin: 0 auto是水平居中） ...
分类：
移动开发 时间：
2020-05-18 00:56:29
阅读次数：
107
