css元素居中方式

css元素居中方式

1，给父元素添加text-align：center，让子元素在容器内居中显示。
2，单行文本，如h1标签，设置line-height等于父元素高度，如父元素height:50px，给h1添加line-height:50px，则h1在父元素中居中
3，常规网页版心内容，添加margin：0 auto；左右边距自适应，使其在网页内水平居中
4，利用定位，父元素添加position:relative,子元素添加position:absolute,
top:50%,
left:50%,
transform:translate(-50%,-50%)
使用这种定位方法，会使子元素脱离正常文本流，一般使用在页面按钮定位