<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><div style="background-color: black;overflow: hidden"> <div style="width: 50%;background-color: blue;float: left;margin-top: 50%;transform: translate(-50%)"> <p>怎么让我居中</p> </div> <div style="width: 50%; float: left"> <div style="width: 100px;height: 400px;background-color: red;"></div> </div></div></body></html>
1 回答
其实我真的不是东北人
TA贡献105条经验 获得超66个赞
满意请采纳。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
* {
margin:0;
padding:0;
}
#div {
transform:translate(-50%,-50%);
}
</style>
</head>
<body>
<div style="background-color: black;overflow: hidden">
<div style="width: 50%;background-color: blue;float: left;margin-top: 50%;transform: translate(-50%)">
<p>怎么让我居中</p>
</div>
<div style="width: 50%; float: left">
<div style="width: 100px;height: 400px;background-color: red;" id="div"></div>
</div>
</div>
</body>
</html>
- 1 回答
- 0 关注
- 2133 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消