1、可以給父級使用相對定位，子級使用絕對定位並margin:auto;，將top、left、right、bottom為0
2、給父級和子級都加絕對定位，再給子級新增top：calc（50% - 子級元素高度一半）left：calc（50% - 子級元素寬度一半）
3、 給父級相對定位,子級絕對定位：left：50%；top：50%；
margin-left：-子級元素寬度一半；
margin-top：-子級元素高度一半
4、 給父級乙個display：flex； align-items：center；
再給子級新增：margin：0 auto；
行內元素和塊級元素的垂直居中，水平居中
一 行內元素 1 行內元素的水平居中 給父級元素使用屬性text align center 2 行內元素的垂直居中 給父級元素使用屬性line hight 父元素盒子的高度 二 塊級元素 1 塊級元素的水平居中 給子級元素使用屬性margin 0 auto 2 行內元素的水平垂直居中，有四種方法 h...
塊級元素水平垂直居中方法
一 加padding減height 垂直水平居中方法一 padding top box2高度 box1高度 2 height 原height值 padding top值 box2 margin 0 auto 脫離標準流的盒子該屬性值失效 優缺點 要先知道盒子的寬高，居中盒子不能脫離標準流 二 子絕父...
使用CSS將塊級元素在父元素裡垂直居中
1.父子元素position定位改變子元素位置 子元素的css position absolute fixed top 0 right 0 bottom 0 left 0 margin auto 好處在於此方法不用知道元素寬高2.父子元素position定位改變子元素位置 position abso...