CSS之绝对定位那些事

简介:

1.垂直居中

有时我们会使用margin: 0 auto;作居中使用。但有的时候我们需要垂直居中,例如在div里面垂直居中显示一张加载中的gif图。

下面这种写法就可以完美实现:

复制代码
垂直居中的子容器  {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    
    width:80px;
    height:80px;
}
复制代码

 转载:http://www.cnblogs.com/lovesong/p/3762297.html

目录
相关文章
|
9月前
|
前端开发
CSS 中相对定位(relative)与绝对定位(absolute)的详解
CSS 中相对定位(relative)与绝对定位(absolute)的详解
111 0
|
10月前
|
前端开发 数据可视化
漏刻有时数据大屏CSS样式表成长教程(1)CSS绝对定位时水平居中的写法
漏刻有时数据大屏CSS样式表成长教程(1)CSS绝对定位时水平居中的写法
46 0
|
11月前
|
编解码 人工智能 前端开发
CSS中的绝对定位和相对定位
CSS中的绝对定位和相对定位
|
前端开发
CSS的相对定位和绝对定位到底有什么不同?
CSS的相对定位和绝对定位到底有什么不同?
149 0
CSS的相对定位和绝对定位到底有什么不同?
|
前端开发
CSS常用定位方法(绝对定位、相对定位、固定定位)
CSS常用定位方法(绝对定位、相对定位、固定定位)
CSS常用定位方法(绝对定位、相对定位、固定定位)
html+css实战150-定位-绝对定位
html+css实战150-定位-绝对定位
86 0
html+css实战150-定位-绝对定位
|
前端开发 容器
|
前端开发
CSS-定位2-绝对定位
1、绝对定位概述 设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。
803 0