CSS文本居中顯示

因為一直為元素居中問題而困擾，所以決定把自己遇到和看到的方法記錄下來，以便以后查看

1. 如果要讓inline或inline-block元素居中顯示，則父元素css中包含text-align:center;
2. 如果讓block元素居中，為其本身添加margin:0 auto;
3. 復雜情形下可以用：

   display:flex;  /*盒子模型*/
   flex-direction: row;  /*橫向*/
   justify-content: space-around; /*主軸居中*/
   align-items: center; /*縱軸居中*/