开发微信小程序时,碰到了诸多CSS问题
- flex布局中
justify-self: flex end;
这个是不生效的
水平排列三个或以上数量元素,末尾元素给予属性margin-left: auto;
右对齐
- 相邻兄弟选择器(四类关系选择器的其中一个)
list有三个子元素,第2,3个元素拥有上边距,第1个不受影响。
.list {
}
.list .list_item {
}
.list .list_item + .list_item {
border-top: 1px solid #000;
}
作用同:
.list .list_item {
border-bottom: 1px solid #000;
}
.list .list_item::last-child {
border-bottom: none;
}
- 小程序
onPageScroll
方法失效
overflow: hidden属性影响滚动
page{
overflow: hidden;
}
Page({
...
onPageScroll(e) {
console.log('1'); // 不打印
}
})
- image标签因空间不足宽度变为0