今天刚学了一些微信小程序的皮毛 ，先做一个todolist的小dome试试手~ 先做简单的添加和删除功能 初步了解一下小程序开发 首先是效果图 ： 然后是wxml : 然后是js代码 ： 注意： 通过wv-index='{{index}}'传递的值在js文件中 通过ES6结构赋值的方式来获取的 添加通过 unshift 的方法 在...
在HTML中，要实现区域内容的滚动，只需要设定好元素的宽度和高度，然后设置CSS属性overflow 为auto或者scroll： 在Flex box布局中，有时我们内容的宽度和高度是可变的，无法确定下来，这时候设置滚动条，可能会失效。只要记住几个关键要素，就可以解决这个问题。 1、清楚的知道当前元素的flex flow 如果要设置水平滚动条，那...
广告淘宝适配js文件下载地址 https://github.com/amfe/lib-flexible ---------开始------------------------------ 移动首页案例制作 弹性盒布局 body{ 的初始化样式 min-320px; max-540px; margin:0 auto; color:#000; backg...
在父层设置display:flex;和其它一些属性， 使直接子元素起一些排列布局的作用 1. flex-direction: row | row-reverse | column | column-reverse row：横向从左到右排列（左对齐），默认的排列方式。 row-reverse：反转横向排列（右对齐，从后往前排，最后一项排在最前面。...
在使用 display:flex 的弹性盒子时，用到flex-grow:2 时不生效，只需在flex-grow:2 的前面增加一行css: 0 即可 <div style="display:flex;"> <div style="0;flex-grow:2"></div> <div style="0;fl...
CSS布局之元素水平居中 本文将依次介绍在不同条件下实现水平居中的多种方法及简单原理 Tip：下文中说的适用场景只是举了几个简单的例子方便读者理解。实际应用场景太复杂，生搬硬套容易出错。最重要的是掌握各种方法能够实现居中的原理。只要掌握了原理，那么不管问题怎么变都可以根据自己的理解选择合适的方法。 一、使用 text-align: center 1.原理...
弹性盒子：Flex Box 弹性盒子，就是将元素放在盒子中，自行选择里面元素的位置和间距边距 1.flex-direction:属性指定了弹性子元素在父容器中的位置 row：横向从左到右排列（左对齐），默认的排列方式 row-reverse：反转横向排列（右对齐，从后往前排，最后一项排在最前面 column：纵向排列 column-reverse：反...