定义CSS样式：
<style>
div{
width: 450px;
height: 300px;
background-color: #abcdef;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
text-align: center;
}
</style>说明：
在CSS3中，可以使用translate()方法将元素沿着水平方向（X轴）和垂直方向（Y轴）移动。
对于位移translate()方法，我们分为3种情况：ranslateX(x)：元素仅在水平方向移动（X轴移动）水平方向向右移动；
translateY(y)：元素仅在垂直方向移动（Y轴移动）垂直方向向下移动；
transklate(x,y)：元素在水平方向和垂直方向同时移动（X轴和Y轴同时移动）
网页元素：
<body>
<div>待居中元素</div>
</body>1、原创文章，作者：诺米，如若转载，请注明出处：https://www.http3w.com/archives/691
2、本站内容若有雷同从属巧合，若侵犯了您的权益，请联系本站删除，E-mail: wtao219@qq.com
微信扫一扫 
支付宝扫一扫 相关推荐
-
linux-centos7安装mysql5.6
网上好多资料在安装过程中容易出现各种问题，本实例亲测无坑傻瓜式安装，在此记录以备后用 1、下载mysql5.6免安装版本 2、查看并卸载老版本MySQL 查找并删除mysql相关文…
-
docker-compose部署xxl-job-admin
XXL-JOB是一个轻量级分布式任务调度平台，其核心设计目标是开发迅速、学习简单、轻量级、易扩展。 版本选择 https://hub.docker.com/r/xuxueli/xx…
-
JDK1.8安装 For Linux5.7
1. 去Oracle官网下载需要安装的jdk版本或到下面链接下载示例版本，我这里用的是jdk-8u161-linux-x64.tar.gz 链接：https://pan.baidu…
-
vue搭建基础与实用工具
目前多数互联网公司以Element框架 进行开发，该框架的组件能够满足大部分需求，所以诺米在此推荐大家使用。 基础工具与储备 Element官方网址：https://element…
-
如何实现微信支付功能？
由于本人近期做过的一个微信小程序项目，里面涉及到了微信支付功能，故在此记录下来，以帮助更多需要的人！！ 实例后端接口采用Java语言开发；前端自然是小程序了（H5也一样） 前期准备…
-
linux下如何部署php项目？
linux下部署php项目环境可以分为两种，一种使用Apache，php，mysql的压缩包安装，一种用yum命令进行安装。 以下是用yum在linux中配置php环境： …
-
uniapp实现小程序分享
一、创建share.js文件，内容如下： 二、再main.js文件中引入全局share.js 提示：我的share.js文件放在units文件夹中 三、发行小程序-微信 在打开的小…
-
MySQL行转列与列传行
工作中有时会碰到SQL语句行转列或列转行问题，在不同需求场景下写法也有不同 我的MySQL服务器版本是5.6.26 案例一：不固定表头类型 第一步：设置Mysql group_co…
-
Linux修改MySQL root用户密码
以下命令适合修改任何mysql用户，仅以root为例（mysql 5.7以下） 一、拥有原来的myql的root的密码 二、忘记原来的myql的root的密码； 首先，你必须要有操…
