CSS采坑集合

开发微信小程序时，碰到了诸多CSS问题

1. flex布局中 justify-self: flex end; 这个是不生效的

水平排列三个或以上数量元素，末尾元素给予属性margin-left: auto;右对齐

2. 相邻兄弟选择器（四类关系选择器的其中一个）

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;
}

3. 小程序onPageScroll方法失效

overflow: hidden属性影响滚动

page{
	overflow: hidden;
}

Page({
	...
	onPageScroll(e) {
		console.log('1'); // 不打印
	}
})

4. image标签因空间不足宽度变为0