美文网首页
一个div 在浏览器居中

一个div 在浏览器居中

作者: 方_圆 | 来源:发表于2022-02-15 17:32 被阅读0次

使用CSS实现

/*  准备 width: 600px,*height: 700px的div  设置好背景图片颜色 等等

设置为绝对位置

.wrap {

            background-image: url('img/2.jpg');

            width: 600px;

            height: 700px;

            margin: auto;

            position: absolute;

            top: 0;

            bottom: 0;

            left: 0;

            right: 0;

        }

相关文章

  • 元素div 上下左右居中方法总结

    元素div 上下左右居中方法总结 情景一:一个浏览器页面中,只有一个div模块,让其上下左右居中 解决方案: { ...

  • 怎样设置div在页面居中显示

    在布局一个网页时,网页的主题框架一般是居中于浏览器的,怎样来设置最外层的div水平居中于浏览器? 我们需要一个条件...

  • 一个div 在浏览器居中

    使用CSS实现 /* 准备 width: 600px,*height: 700px的div 设置好背景图片颜色 等...

  • div屏幕居中,并且文字在div居中

    如何使用div在屏幕里居中,div里的文字也居中. 使用实例:

  • HTML+CSS部分总结

    如何居中 div? 水平居中: 给 div 设置一个宽度, 然后添加 margin:0 auto 属性div{wi...

  • CSS水平垂直居中实现总结

    在用CSS写布局的时候,经常要用到水平居中与垂直居中。首先看下面这个div: 在body中定义了一个div,div...

  • 居中布局

    1、水平居中(宽度未知) 例:有两个div,大的div包裹着小的div,如何使小的div水平居中在大的div中? ...

  • 网页布局实现之div垂直居中

    1.实现一个div上下左右居中的几种方式。 实现div水平居中很容易,给div一个宽度值,然后左右margin值为...

  • web网页设计常用布局方式

    居中布局 pageWrap > div 左右布局 div(left) + div(right)

  • 元素居中

    情景一:一个浏览器页面中,只有一个div模块,让其上下左右居中 解决方案:{ position:fixed; le...

网友评论

      本文标题:一个div 在浏览器居中

      本文链接:https://www.haomeiwen.com/subject/vldllrtx.html