zoukankan      html  css  js  c++  java
  • 固定宽高的div在浏览器中垂直居中

    前提是固定宽高的div,这样比较简单,不涉及到JS
    插入代码:
    div{
         position:absolute;
         top:50%; left:50%;
         400px; height:400px;
         margin:-200px 0 0 -200px;
         border:1px solid #000000;
        }
    position:absolute,绝对定位,可以把这个div看成漂浮于这个页面之上,通过top:50%和left:50%定位这个div的位置,但这个时候,垂直与水平居中的是这个div左上角这一点。

    所以,要让这个div的中心点位于整个页面的中间,需要使用负边界,负的上边界,负值是高度的一半;负的左边界,负值是宽度的一半。即达到效果。
  • 相关阅读:
    01模拟面试面试题汇总
    第一轮面试
    大觅网03Day
    大觅网02Day
    大觅网01Day
    树状数组
    HH的项链
    小z的袜子
    分块
    扩展欧几里德
  • 原文地址:https://www.cnblogs.com/lovablebox/p/1077603.html
Copyright © 2011-2022 走看看