未知高度宽度元素垂直水平居中

最新推荐文章于 2022-09-01 20:16:38 发布

HandesomeLi

最新推荐文章于 2022-09-01 20:16:38 发布

阅读量684

点赞数

分类专栏： css样式

本文链接：https://blog.csdn.net/lishuai1127/article/details/52571289

版权

css样式专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title>垂直水平居中</title>
	<meta charset="utf-8">
	<style>
	.wrap{
		background-color: #ccc;
		
		}
	.test {
		background-color: red;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50% -50%);
		}
</style>
</head>
<body>
	<div class="wrap">
		<div class="test">
			水平垂直居中<br>
			两行文字
		</div>
	</div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

HandesomeLi

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
未知高度宽度元素垂直水平居中

垂直水平居中 .wrap{ background-color: #ccc; } .test { background-color: red; position: absolute; left: 50%; top: 50%; transform: translate(-50% -50%); } 水平垂直居中两行文字
复制链接

扫一扫