fixed定位div水平垂直居中

定位为fixed的是保存成功提示，需要设置width和height。

<div class="store-success" style="display: none" id="storeSuccess">
    <span>保存成功</span>
</div>

.store-success {position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    margin: auto;
    width: 80px;
    height: 20px;
    line-height: 20px;
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: rgba(0,0,0,0.5);
}

fixed定位div水平垂直居中相关推荐

关于DIV嵌套（二）：div嵌套div水平垂直居中
div嵌套div水平垂直居中可以使用position定位来实现,这是最常用的方法. <!DOCTYPE html> <html><head><meta cha ...
如何实现不定宽高的div水平垂直居中
如何实现不定宽高的div水平垂直居中第一个方法:我们使用定位给父元素positon:relative,定位到中间 div{ position:absolute; top: 50%; left: 50 ...
如何让div水平垂直居中
如何让div水平垂直居中 @(css)[妙瞳] 引子我们经常遇到需要把div中的内容进行水平和垂直居中.所以,这里介绍一种方法,可以使div水平居中和垂直居中. 代码: <!DOCTYPE h ...
前端面试系列-CSS基础-div水平垂直居中文本居中(单行文字、多行文字)
文章目录一.div水平垂直居中 1.flex 2.position (元素已知宽高) 3.position transform (元素未知宽高度) 4.position(元素已知宽度)maigin: ...
让div水平垂直居中的六种方法
** 方法一:绝对定位方法:不确定当前div的宽度和高度,采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位(position: relative;) ...
div水平垂直居中的七种方法
学习笔记(一) div水平垂直居中的七种方法文章目录学习笔记(一) 前言一.绝对定位法 1.方法一 2.方法二 3.方法三 4.方法四二.flex布局法 1.方法五三.将小div转成行内块 ...
css实现div水平垂直居中：竖排居中，横排居中
write-mode实现文字竖排并居中参考:css实现文字纵向排版并且水平垂直居中 <div class="title-div">实时故障信息</div> ...
CSS如何让一个div水平垂直居中
大家好,我是新来的程序猿小清,在我们前端开发中,经常会让元素水平垂直居中的,现在我来给大家带来以下几种水平垂直居中的方法,如有不如,请谅解 <body><div class = &q ...
实现div中的div水平垂直居中
方法一利用transform实现div居中,要先设置定位 css .outer {width: 500px;height: 200px;background-color: green;positio ...

fixed定位div水平垂直居中

fixed定位div水平垂直居中相关推荐

最新文章

热门文章