一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-06-25 11:19:52 编辑:袖梨 来源:一聚教程网

 代码如下 复制代码

        DIV 水平居中
       


       


           


                这是一个p标签里的元素
           


       


分析

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

热门栏目