CSS实现绝对布局的垂直水平居中布局

最新推荐文章于 2023-04-12 14:31:51 发布

赵大土

最新推荐文章于 2023-04-12 14:31:51 发布

阅读量279

点赞数

文章标签： CSS

本文链接：https://blog.csdn.net/weixin_43647393/article/details/101543566

版权

<html>
<head>
<style>
.mydiv{
	//实现水平垂直居中
	position:absolute;
	transform:translate(50%,50%);
	left:50%;
	top:50%;
	//实现缩放比例不变
	width:30%;	//宽度占比
	padding-bottom:30%;	//高度占比
	margin:0 auto;
}
</style>
</head>
<body>
<div class="mydiv"></div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

赵大土

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS实现绝对布局的垂直水平居中布局

1. CSS实现绝对布局的垂直水平居中1. CSS实现绝对布局的垂直水平居中<html><head><style>.mydiv{ //实现水平垂直居中 position:absolute; transform:translate(50%,50%); left:50%; top:50%; //实现缩放比例不变 width:30%; //宽...
复制链接

扫一扫