CSS居中问题

Hello！我是super喵二！刚刚在写一个音乐播放器，其中用到ul没有设置宽高，由li撑起，然后需要居中显示在ul的父级div中。刚刚突然忘记了，然后查了下，最后出现居中效果，那就顺便总结下居中问题吧~~~

一、水平居中

1、行内元素（文字、图片、链接等）：

　　text-align: center;//对inline，inline-block，inline-table有效

2、块元素（div/p等）：

　　 margin: 0px auto;//无论宽度是否已知

（不过加一句，就是开头的问题，我只需要设置ul的display:inline-block，就实现居中了，这个问题还在思考，不过建议最好将没有设置宽的块级元素设为inline-block，再将其父元素添加text-align:center;）

3、多个块级元素

　　如果有多个块元素需要水平居中时，有两种办法可以实现。一种是借助inline-block，另一种是借助flex。，设置块元素display:inline-block,其父元素水平居中：

 .div1 {    
    text-align: center;    
}    
 .