请老师指教，助我理解

我区分得开margin padding line-height之间的区别，可实际运用时就不知道什么情况用哪个才能准确达成效果，我也不知为什么

宝慕林2445844 2017-12-08

源自：盒子模型 4-6 案例应用

22

收起

3回答

怎么都被占用了呢回答被采纳获得+3积分 2017-12-10 12:30:10

布局是灵活的，都可以实现的情况下，当然哪个方便就使用哪个了。它俩的区别就是，使用padding的话，是要加给父容器的，使用margin的话，是要加给子元素的。

宝慕林2445844 提问者 #1

非常感谢！

2017-12-19 13:02:43

怎么都被占用了呢 2017-12-08 18:43:06

你理解的没有错，内容也可以是元素。所以你说的这种情况，就既可以使用margin，也可以使用padding了。

提问者宝慕林2445844 #1

那么问题来了，当我看见一个内容相对于一个容器有距离时，我就会纠结，究竟是用margin还是padding还是ling-height(垂直之间的距离)中的哪一个设置才能准确实现效果？

2017-12-08 20:54:10
提问者宝慕林2445844 #2

如果都可以实现，我想知道他们实现的效果有什么区别

2017-12-08 20:58:00

怎么都被占用了呢 2017-12-08 17:21:59

margin用来设置元素的外边距，可用于控制元素与元素之间的间距，

padding用来设置元素的内填充，可用于控制内容与元素边界之间的间距

line-height常用于实现文本的垂直居中效果

提问者宝慕林2445844 #1

据我理解：内容也可以是元素啊，比如<div><p>内容</p></div>，<p>标签不就是相当于<div>标签的内容嘛？（我这有点混淆）。此时，给<p>标签设置margin或padding好像同样也能设置它与<div>之间的距离啊

2017-12-08 18:24:50

相似问题

请问助教老师，作业可以给源码吗？

关于改变this指向

老师，求助添加分类提示空指针异常

请教一个向下转换的问题

老师想请教个问题

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

前端小白入门系列课程

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

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

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

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

378 40

到底是cellspacing还是cellpacing?

0 35

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

60 30

查看更多本课问答

请稍等 ...

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

帮助反馈 APP下载

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

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