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
同学你好,两侧的元素没有实现垂直居中,建议修改:
设置为原宽度即可,避免拉伸。
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题