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;修改后代码如下所示:

http://img.mukewang.com/climg/5e8a96dc093731ed04670193.jpg

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

0

0 学习 · 9666 问题

查看课程