/*  使用flex布局时，同时使用margin auto可以很方便的实现【单个元素自身】向左，向右，垂直居中、水平居中等效果
 *          1.参考文章：[1](https://juejin.im/post/5ce60afde51d455ca04361b1?utm_source=gold_browser_extension#comment)
 */
.ml-auto{
  margin-left: auto;
}
.mr-auto{
  margin-right: auto;
}
.mt-auto{
  margin-top: auto;
}
.mb-aut{
  margin-bottom: auto;
}