html中居中操作
采⽤css样式，进⾏代码
样式：
代码：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
.h1{
width: 400px;
height: 400px;
background-color: gold;
border-radius: 3px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}div中的div居中
</style>
</head>
<body>
<div class="h1">
</div>
</body>
</html>
只有如下代码还不⾏：
position: absolute;
left: 50%;
top: 50%;
样图：
跑偏了，想要居中，
需加上：
transform: translate(-50%, -50%)；到此居中成功！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。