CSS之绝对定位那些事
1.垂直居中
有时我们会使用margin: 0 auto;作居中使用。但有的时候我们需要垂直居中,例如在div里面垂直居中显示一张加载中的gif图。
下面这种写法就可以完美实现:
垂直居中的子容器 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width:80px; height:80px; }
1.垂直居中
有时我们会使用margin: 0 auto;作居中使用。但有的时候我们需要垂直居中,例如在div里面垂直居中显示一张加载中的gif图。
下面这种写法就可以完美实现:
垂直居中的子容器 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width:80px; height:80px; }