内联元素(span i button) 垂直水平 居中

方法一:转换成块元素居中显示

加上display:block;否则不能居中显示,因为span是行内元素

水平居中

垂直居中

方法二 :flex弹性盒子

display: flex;

justify-content: center; //水平

align-items: center; //垂直

实例:


                            
                            ¥555555555
                            

你可能感兴趣的:(前端,css,html,前端)