Vue中样式实现居中

我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:.Absolute-Center {margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;}最近使用了这个效果，转载于：https://www.cnblogs

梁栋沉

8281人浏览 · 2021-12-05 21:00:58

梁栋沉 · 2021-12-05 21:00:58 发布

我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:

.Absolute-Center {
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}
最近使用了这个效果，转载于：
https://www.cnblogs.com/doseoer/p/4581284.html

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Element UI组件介绍

简介element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1、安装Element UI，通过vue脚手架创建项vue init webpack element(项目名)2、在vue脚手架项目中安装elementui# 1.下载elementui的依赖npm i element-ui -S# 2.指定当前项目中使用elementuiimport