2020-12-23

水平垂直布局内联元素水平居中设置父级样式text-align:center垂直居中设置父级样式line-heigh:父级高度块级元素水平居中设置自身margin-left:automargin-right:auto垂直居中设置自身margin-top:父级的高度的一半transform:translateY(-50%);行内块水平居中设置父级text-align:center垂直居中设置自身margin-top:父级高度的一半transform:translateY(-50%);浮动元素水平居中设置自身margin-left:50%transform:translate(-50%,0)垂直居中设置自身margin-top: 父级高度的一半transform:translate(0,-50%)定位元素水平居中设置自身left:50%transform:translate(-50%,0)垂直居中设置自身top:50%transform:translate(0,-50%)自动伸缩盒子 box-sizin用法指定宽高添加样式属性和值box-sizing: border-box;