如何调整网页元素之间的边距，提升网页浏览体验！

图片来源：图虫创意

今天跟大家说说如何调整网页的页边距，让网页的手机端自适应。

图片来源：WordPress截图

Elementor编辑器

我最喜欢的使用的网页编辑器Elementor，它可以帮助我们轻代码甚至无代码的条件下，搭建出漂亮，美观，大气的网站。

网页的Margin, Padding, Border

图片来源：WordPress截图

Margin, Padding, Border是网页前端设计里的CSS属性，我们用了Elementor编辑器，就不用去废寝忘食的学习CSS网页前端设计，也可以很快的搭建出来漂亮外贸网站。

Margin: 网页元素边框以外的留的空白，上下左右都可以留白

Padding: 是网页元素内部的边距，上下左右都可以留边距

Border：边框，可以设置边框的厚度

我们可以把网页的模块想象成一个一个的盒子，盒子里面承载的是内容content，盒子这个容器本身带有边框border（有一定的厚度，当然也可以厚度为0，也就是没有边框）。盒子外边的留白都叫margin，盒子内部的间距都叫padding。

那我们知道了Margin, Padding, Border，就可以很好的去设计你的网页元素了。

如何调整Margin, Padding

我们只要用了Elementor编辑器就可以很轻松的去设置调整网页元素的Margin和Padding

图片来源：WordPress截图

在用Elementor编辑器设计网页的时候，选择你要调整的元素section，然后点击advanced高级设置，就可以找到margin和padding设置，然后进行设置就可以了。

手机端调整

图片来源：WordPress截图

Elementor可以分别对电脑端web，手机端mobile 和平板tablet进行调整。

我建议手机端左右流出15~20像素的浏览，网页效果是刚刚好的，不会太拥挤，也不会太膨胀，大家根据自己的喜好进行调整就可以啦。

建站咨询

最后，大家有什么问题或者想说，都可以在留言区留言哦。如果大家需要建站服务，还可以随时咨询我哦，Peace Out~

（来源：小王子的外贸笔记）

以上内容属作者个人观点，不代表LEKSHOP立场！本文经原作者授权转载，转载需经原作者授权同意。​

相关推荐: 越南制造业崛起，中国供应链中心地位不保？

厦门商城系统开发与我国南部接壤的越南也许会被人们忽视，但如果你关注经济，那么这个邻国在近期的表现将令你感到惊讶。3月，越南的出口同比增长14.8%，达到437亿美元；同时期，中国出口贸易重地深圳的出口下降14%，达到189亿美元。 对于经历过改革开放的国人来说…