实现下面图片效果应该怎么设宽高padding等属性具体怎么计算

慕九州8427191 2018-08-10

源自：项目：网页布局案例 2-10 作业题

0

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2018-08-13 10:58:10

例如设置所有图片的margin-right和margin-bottom值为20px，然后再去除第三个和六个的margin-right值，去除下面三个的margin-bottm值即可。

好帮手慕星星 2018-08-12 09:54:53

参考布局：

可以给外层大盒子设置固定宽度，配合margin:0 auto;居中显示，然后设置padding值，上下相同。里面的盒子设置浮动显示，再设置图片与图片之间的间距相等即可。自己可以先计算好值，然后再进行设置。自己设置写一写，祝学习愉快~~

提问者慕九州8427191 #1

图片之间间距相等具体如何计算设置可以举个例子吗谢谢

2018-08-13 10:23:50

相似问题

请问老师为什么wrapper下面留了道缝隙？

老师你好为什么高度要设置成0，padding-bottom这个宽高比具体咋算的没看懂

老师，我想请问下，为什么这里nav-pic的百分比只能设置为宽度，不能设置为高度呢

老师，在背景图片引入，使用padding-top来撑开这里还是没理解。

这个实例的PSD宽度1920px.平时工作中设计师也是这么设计的吗?

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36712 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号