CSS 水平居中相对定位与负边距法

作者：袖梨 2022-06-25

代码如下

复制代码

DIV 水平居中

这是一个p标签里的元素

分析

position: relative; 是相对定位，就是相对于当前级的父级
left: 50%; 居中的意思(居中的元素相对于其原来位置向右移个50%)
margin-left: -380px; 负边距法 (看元素已经放在了页面的中间位置，但是并未居中。居中呢就是整个元素的中心点正好与页面的中心线重叠。于是我再将元素margin-left改为其宽度的一半，当然为了往左挪这个偏移量是负数)