美文网首页
DIV屏幕居中

DIV屏幕居中

作者: 知足常乐晨 | 来源:发表于2018-11-27 10:09 被阅读7次

mark一下

方法一

.main{
    width: 300px;
    height: 350px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

方法二

.main{
    width: 300px;
    height: 350px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

相关文章

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

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

  • DIV屏幕居中

    mark一下 方法一 方法二

  • Css让div在屏幕上居中

    # 让div在屏幕上居中(水平居中+垂直居中)的方法总结 - html代码如下: - Css居中方法 (敲黑板)...

  • 实现DIV屏幕居中

    第一种方法: CSS代码 : HTML代码 : 第二种方法: css代码 : html代码 : JS代码 : 第三...

  • 2019-02-24

    下面说两种在屏幕正中(水平居中+垂直居中)的方法放上示范的html代码: MAIN 12345 方法一:div...

  • 前端面试题合集

    一、一个200*200的div在不同分辨率屏幕上下左右居中,用css实现 div { position:absol...

  • CSS常用知识点

    1,居中布局 语法:margin:0 auto;将div框宽度设置为100%就能占满屏幕,如果不想占满屏幕,只希望...

  • HTML、JS常见面试题

    Q 1.一个200*200的div在不同分辨率屏幕上下左右居中,用css实现 div { position:abs...

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

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

  • 布局技巧

    最近写网页经常需要将div在屏幕中居中显示,遂记录下几个常用的方法,都比较简单: 方法一: div使用绝对布局,设...

网友评论

      本文标题:DIV屏幕居中

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