3-5编程练习,这样写对吗,感觉好像没有居中啊
来源:3-5 编程练习
视线模糊
2020-04-04 21:52:29
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>3-5编程练习</title>
<style>
.content{
width:800px;
height:400px;
background-color: skyblue;
padding-top: 100px;
box-sizing: content-box;
}
.top{
width:400px;
height:200px;
background-color: yellow;
margin-left: 200px;
}
</style>
</head>
<body>
<div class="content">
<div class="top"></div>
</div>
</body>
</html>
1回答
好帮手慕小尤
2020-04-06
同学你好,同学已实现水平居中。实现垂直居中,则建议同学修改高度为300px;修改后代码如下所示:

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~