关于margin和padding
来源:4-12 问题解决
weixin_慕数据1559209
2020-06-15 17:18:50
老师,margin不是设置元素与元素之间距离的么?
为什么在这里可以设置文字与上边框的距离呢?
我之前尝试在div1这个模块中使用padding:0px的指令,但是没有效果
padding不是调整文字与边框的距离的么?为什么在这里不起作用呢
2回答
好帮手慕笑蓉
2020-06-16
同学,你好。非常抱歉没有理解同学的问题,
1、同学问的设置文字与上边框的距离,是如图所示的距离吗?
margin是设置元素与元素之间距离,此设置是相对元素本身的,给元素本身设置一个margin,可以得到此元素和其他元素的距离,其他元素包括父元素,同级元素等,因此老师在视频中设置p元素的margin,可以得到元素距离父元素div的距离。
2、之前尝试在div1这个模块中使用padding:0px的属性,这是课后作业的练习题是吗?
给div1设置的padding是生效了的,图片文字间产生的距离是p标签默认的margin值导致的,因此需要给p标签设置一个margin属性,如:
当padding不为0时,效果如图:
设置为0后,所产生的边距消失了:
p标签的默认边距:
设置之后:
祝学习愉快~
好帮手慕笑蓉
2020-06-15
同学,你好。要调整图片和下面的欢迎语的距离,需要在欢迎语标签p1中设置margin: 0px;,div1模块下使用padding:0px只能设置div1里的内容和div1内边框的距离,因此没有生效。
如果解决了你的疑惑,请采纳,祝学习愉快~
相似问题
回答 2