网页居中

---

文档流布局

水平居中

text-align:center

加在父级块元素、行块元素属性中，操作行级元素

margin:auto

自身必须为块级元素
必须有宽度

padding-设置左右

设置在父级行块元素上
父级块未设置固定宽度

垂直居中

vertical-align:middle

元素必须为行级元素、行块元素
默认为baseline
多个元素对齐

padding-设置上下

设置在父级行块元素、块级元素上
父级块未设置固定高度

line-height

设置在父级块级元素、行块元素属性中
设置行高后，内容会自动垂直居中
内部为单行(行级元素、行块元素)时生效

浮动

水平居中

padding-设置宽度

设置在父级行块元素中
不用解决塌陷问题

垂直居中

line-height

设置在父级块级元素、行块元素属性中
一定要在父级块解决塌陷后才可以生效！！！！！！！！
且高度会变为子块的最大高度
设置行高后，内容会自动垂直居中
内部为单行(行级元素、行块元素)时生效

padding-设置高度

设置在父级行块元素中
不需要解决塌陷问题

定位

calc(50%-一半的自身高度/宽度)

标签：居中,行级,网页,父级,元素,行块,设置
来源： https://blog.csdn.net/weixin_47882161/article/details/112644720