弹性盒实现无固定长宽元素上下左右居中以及从右往左的效果

1、实现父元素内多个元素的居中上下水平居中
1.1 常用的定位和css就不说了
如果我们的子元素的宽高是变化的，用常规的方法很容易错位，建议的方法：

div{
	display:flex;
	justify-content: center;
	align-items: center;
}

此写法可以实现子元素长宽不固定依旧水平垂直居中
2、弹性盒实现子元素从左往右排列

div{
	display:flex;
	direction:rtl
}

上述代码可实现元素从右往左排列，但是如子元素内仍有多个元素，也会实现从右往左排列

div{
	display:flex;
	flex-direction : row-reverse
}

上述代码可实现元素从右往左排列，且子元素内的元素从左往右排列
上述所有div均为父元素（有弹性盒再补充）