方法1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{
width: 100%;
height: 1600px;
background-color: #c9c7c7;
}
p{
max-width: 500px;
width: 100%;
background: red;
position: fixed;color: white;
text-align: center;
left: 0;
right: 0;
margin: auto;
}
</style>
</head>
<body>
<p>我是绝对定位 我需要居中</p>
</body>
</html>
方法2 （替换上面style 的p标签的样式 ）
p{
max-width: 500px;
width: 100%;
background: red;
position: fixed;color: white;
text-align: center;
left:50%;
transform: translateX(-50%);
}
时间： 2024-10-25 02:58:43