4-3 编程练习作业提交

来源:4-3 编程练习

MiMicccc

2020-08-31 17:22:17

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        .content {
            width: 100%;
        }
        img {
            width: 100%;
        }
        .web ,.java {
            width: 16%;
            height: 364px;
            position: fixed;
            top: 50%;
            margin-top: -182px;
        }
        .java {
            right: 0;
        }
    </style>
</head>
<body>
    <div class="content">
        <img class="bg" src="http://climg.mukewang.com/59c9f7ce0001839219034033.png" alt="">
        <div class="web">
            <img src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png" alt="">
        </div>
        <div class="java">
            <img src="http://climg.mukewang.com/5a3383c70001f1b702240364.png" alt="">
        </div>
    </div>
</body>
</html>


写回答

1回答

好帮手慕码

2020-08-31

同学你好,两侧的元素没有实现垂直居中,建议修改:

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

设置为原宽度即可,避免拉伸。

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程