定义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的密码; 首先,你必须要有操…