这样可以吗？
来源：3-12 编程练习
五维码
2021-02-15 19:25:33
相关代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.ad {
position: fixed;
top: 50%;
margin-top: -182px;
}
.ad img {
width: 224px;
height: 364px;
}
.left {
left: 0;
}
.right {
right: 0;
}
</style>
</head>
<body>
<div>
<img src="http://climg.mukewang.com/59c9f7ce0001839219034033.png" alt="">
<div class="left ad">
<img src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png" alt="">
</div>
<div class="right ad">
<img src="http://climg.mukewang.com/5a3383c70001f1b702240364.png" alt="">
</div>
</div>
</body>
</html>
写回答
1回答
-
好帮手慕星星
2021-02-17
同学你好，代码实现效果可以，但是还需要优化：
图片为行内元素，有文字特性，默认存在间隙
这样垂直方向上的定位设置为图片高度的一半就不太严谨，建议将图片设置为块元素
祝学习愉快！
0
