【css超出部分省略号】CSS 水平居中相对定位与负边距法

更新时间:2017-11-21    来源:flex    手机版     字体:

【www.bbyears.com--flex】

 代码如下

        DIV 水平居中
       


       
           


                这是一个p标签里的元素
           


       


分析

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

本文来源:http://www.bbyears.com/flash/37205.html