为什么用margin

来源:2-4 使用 flex布局实现图标列表布局

慕桂英4174826

2021-03-29 16:10:00

http://img.mukewang.com/climg/60618b36099ff2e811280644.jpg

这里老师先用的padding 说不对 改成了margin 想问为什么这样写 padding为什么不行

写回答

1回答

好帮手慕慕子

2021-03-29

同学你好,因为浏览器解析时,p标签默认会有上下margin值,示例:

http://img.mukewang.com/climg/60618f9809c9487b17270676.jpg

那么,这里如果使用padding设置上下间距,再加上p标签默认的上下margin值,导致文字上下空白间距较大,效果不美观,如下图所示:

http://img.mukewang.com/climg/60618fff0903bc2318380511.jpg

而给元素设置margin属性值会覆盖元素原本默认的margin值,所以老师才换成了margin属性设置文字的上下间距,效果会更美观。如下图所示:

http://img.mukewang.com/climg/6061903b09ff797d18250479.jpg

祝学习愉快~

0

0 学习 · 15276 问题

查看课程