1. 设为块状元素,图片和文字各自独占一行display:block;
2. 文本居中:text-align: center;
3. scroll-view中如果设置了srcoll-y属性,即纵向滚动,则必须为scroll-view设置固定高度(固定值或百分比): height: 100%;
4. 修改滚动条样式:改为透明色不可见, webkit兼容chrome(谷歌)、safari(MacOS端浏览器)、-moz兼容firefox(火狐)、-ms兼容IE,因为只有谷歌支持修改滚动条样式,所以要写成 ::webkit-
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
5. 平分宽度将剩余空间占满:父元素 display: flex;
子元素flex: 1;
6. 自动换行: display: flex; flex-wrap: wrap;
7. 左右间距自适应,此属性可以让view、image等标签保持水平居中margin: 0 auto;
8. 左右两边留相等间隔:justify-content: space-around;
9. 在微信小程序中如果要使用背景图片,那么只能使用网络图片,一般情况下使用这几种图片样式
background-image: url('http://xxxx/bg.jpg'); /*背景图只能使用网络图片*/
background-size: cover;
background-repeat: no-repeat;
10. 假如你设置了背景图片又在背景图片上添加了一个返回按钮你发现这个图标有时候有用,有时候没有用,那么你可以给这个图标添加一个z-index: 1;
这样的层级样式,设置层级大于0即可
11. 在设置houver-class属性时,直接设置在图片上是没有用的,可以设置在他外层的view样式