衬垫(padding)和边缘(margin)的区别

在设计或印刷媒体领域,人们通常希望创意能够自由流动,这样创造出来的任何东西都能得到精美的插图和展示。然而,就像所有的事情一样,有一些法律和规则需要遵循,还有一些术语需要知道,以便使事情以正确的方式进行。...

在设计或印刷媒体领域,人们通常希望创意能够自由流动,这样创造出来的任何东西都能得到精美的插图和展示。然而,就像所有的事情一样,有一些法律和规则需要遵循,还有一些术语需要知道,以便使事情以正确的方式进行。

最常用的两个术语,也是最容易混淆的两个术语是padding和margin。它们都用于设计接口,也都用于创建间隙。那么它们有什么不同呢?

衬垫(padding) vs. 边缘(margin)

padding和margin的区别在于padding是边框和元素内容之间的空间,margin是边框和外部元素之间的间隙。

衬垫(padding)和边缘(margin)的区别
比较参数 衬垫 保证金
定义 填充是指边框和元素之间的空间。 边距是指布局外部和边框之间的空间。
自动化 填充不能是自动的。 边距可以设置为自动。
背景色 填充受任何内部样式元素的影响。 边距不受任何内部样式元素的影响。
数值 填充值只能是正实数。 边距的值可以是任意整数。
位置 填充处理文档的内部方面。 边距处理文档的外部方面。

填充与边距对照表

什么是衬垫(padding)?

填充是指设计或文本的边框与该设计或文本的内部元素之间的空间。填充存在于元素的所有边上,这就是为什么在使用设计界面时要处理四种类型的填充。它们是左填充、右填充、上填充和下填充。

这些术语的确切名称可能因接口而异,但它们的主要用途保持不变。在这种情况下,需要注意的是,这些方向是针对用户而不是设计元素或文本来表示的。如果保持这种方式,那么顶部和底部的填充物将保持不变,然而,在两侧的填充物将发生逆转。

另外需要注意的是,填充与文档或元素边框的厚度无关,边框的厚度是它自己的属性,有自己的值,可以修改。当要确定项目的总宽度时,总是计算填充。因此,设计师必须牢记这一点。但是,如果设计师计划使用具有透明背景的图像,这一点并不重要,因为在这些情况下,这些图像将只适合任何地方,从而使填充不相关。

填充是设计的一部分,它的颜色、设计、渐变可以根据用户的要求进行操作。留下一个平淡的颜色填充,或只是白色,而其余的设计是出色的会降低整体设计的吸引力。

由于这确实需要精确,因此填充通常不能设置为自动,而是由设计师手动调整,以便根据设计的自定义要求进行微调。

什么是边缘(margin)?

边距是文档、设计或文本的边框与设计界面外部部分之间的空间。基本上,这意味着从边界的外部开始到板材到达的任何地方的区域就是边界。但是,如果存在任何第二个“外部”边界,则边距空间将成为填充区域。然而,这种情况通常是罕见的,并没有太多的使用。双页边距主要用于复杂的设计,以适当地将工作区与外部分开。

由于边距包括四个边,因此有四种类型的边距。它们是左边距、右边距、上边距和下边距。这类似于填充的命名,并且名称通常可以在不同的接口之间更改。而且,这些方向,就像填充一样,是以用户为中心的。

填充通过扩展或压缩设计的内部区域来决定设计的大小,同样,边距也决定了内部元素的大小,特别是当它与排版相关时。如果边距值增加,则表示行长将减少,如果边距长度减少,则会导致行长增加。基本上,它们是负相关的。

边距可以设置为auto,在这种情况下,通常情况下,软件会确定应该为文档保留多少边距,以便使文档看起来整洁、美观。通常在设计的情况下,一旦设计被输出,它似乎没有一个明显的影响,利润率,至少有多大的填充。

衬垫(padding)和边缘(margin)的区别

  1. padding和margin的主要区别在于padding指的是边框和元素之间的内部空间,而margin指的是从边框到工作区末端的其他空间。
  2. Padding不能设置为auto,而margin可以。
  3. 内部样式效果影响填充,而不影响边距。
  4. 填充只能使用实数作为值,而边距可以使用任何整数作为值。
  5. 填充处理文档的内部方面,而边距处理外部方面。

结论

设计、排版等乍一看似乎很琐碎,很容易做到。然而,只有训练有素的专业人员知道如何利用每一个微妙的细节,并知道需要了解所有必要的条款,使完美的艺术和完美的外观,每一个文件。然而,诸如填充和边距之类的术语实在微不足道,需要每个人都知道。

参考文献

  1. https://link.springer.com/content/pdf/10.1007/978-1-4842-4903-1_19.pdf
  2. https://link.springer.com/content/pdf/10.1007/978-1-4302-6491-0_19.pdf

  • 发表于 2021-07-10 09:15
  • 阅读 ( 117 )
  • 分类:教育

你可能感兴趣的文章

边坑(bordered pit)和简易矿坑(simple pit)的区别

...录 1. 概述和主要区别 2. 什么是边界坑 3. 什么是简单坑 4.边缘坑与简单坑的相似性 5. 并列比较-以表格形式列出的边界坑与简单坑 6. 摘要 什么是边坑(bordered pit)? 有边界的坑是一种有边界的坑。边缘形成是由于第二细胞壁拱起...

  • 发布于 2020-09-22 13:47
  • 阅读 ( 184 )

冠状体(coronoid)和喙突(coracoid)的区别

...,关节凹陷。冠状体的突出表面是内侧。它有一个自由的边缘,并作为附着到尺副韧带的点。 图01:冠状体 冠状突也有助于附着称为拇长屈肌的圆形肌纤维束。 什么是喙突(coracoid)? 喙突位于肩胛骨边缘。它位于肩胛骨前上部...

  • 发布于 2020-09-25 05:00
  • 阅读 ( 626 )

钟乳石(stalactites)和石笋(stalagmites)的区别

...解形成碳酸氢钙溶液。这种溶液穿过洞穴,直到找到一个边缘。如果这个边在洞顶上,溶液就会滴下来。然后当空气进入与边缘接触时,碳酸氢钙转化为碳酸钙,释放二氧化碳。同样,钟乳石也会悬挂。 什么是石笋(stalagmites)? ...

  • 发布于 2020-10-17 21:35
  • 阅读 ( 532 )

边缘(edge)和螺钉脱位(screw dislocation)的区别

边缘位错和螺旋位错的关键区别在于,边缘位错是一种线缺陷,它发生在晶格的中间有一个额外的半个原子平面,而螺旋位错也是一种线缺陷,但它发生在晶格中的原子平面沿着螺旋路径绕行位错线。 晶体缺陷是晶格重复图...

  • 发布于 2020-10-18 08:10
  • 阅读 ( 314 )

双相情感障碍(bipolar disorder)和边缘型人格障碍(borderline personality disorder)的区别

双相情感障碍与边缘人格障碍 双相情感障碍和边缘型人格障碍是两种精神障碍,尽管他们彼此混淆,但他们之间仍有一些差异。这种混淆主要是因为在这两种疾病中,情绪波动和冲动行为是主要特征。然而,这两种疾病必须...

  • 发布于 2020-10-18 19:38
  • 阅读 ( 428 )

黄斑(macular)和丘疹(papular rash)的区别

...黄斑疹中,病变没有从皮肤水平升高,而在丘疹中,病变边缘从皮肤水平升高。 目录 1. 概述和主要区别 2. 什么是黄斑疹 3. 什么是丘疹 4. 黄斑和丘疹的相似性 5. 并列对照-黄斑和丘疹的表格形式 6. 摘要 什么是黄斑疹(a macular rash...

  • 发布于 2020-10-19 05:21
  • 阅读 ( 408 )

深静脉血栓(dvt)和衬垫(pad)的区别

深静脉血栓(dvt)和衬垫(pad)的区别 DVT或深静脉血栓形成可定义为深静脉被血栓阻塞。外周动脉疾病(PAD)的特点是动脉粥样硬化斑块阻塞动脉。因此,顾名思义,DVT和PAD的关键区别在于阻塞的位置;DVT是静脉阻塞的结果,而PAD...

  • 发布于 2020-10-24 08:25
  • 阅读 ( 285 )

pvd公司(pvd)和衬垫(pad)的区别

pvd公司(pvd)和衬垫(pad)的区别 外周血管疾病(Peripheral Vascular Disease,简称PVD)是一个宽泛的术语,用于描述大脑和心脏以外的血管疾病。这主要包括大小动脉、静脉、毛细血管和小静脉,它们使血液在上肢和下肢、肾脏和肠道...

  • 发布于 2020-10-24 08:43
  • 阅读 ( 376 )

编织(knit)和编织(woven)的区别

...们也比机织物褪色。当你在买针织物时,你会看到沿纵向边缘有一团圆形的胶水或淀粉。这是为了防止织物卷曲。而且,织物不会沿宽度或切割边磨损。 什么是机织物(woven fabric)? 谈到机织物,两条或两条以上的纱线通过一种...

  • 发布于 2020-10-25 21:18
  • 阅读 ( 954 )

挺举(jerkin)和双峰(doublet)的区别

...(a doublet)? 紧身上衣是14世纪到17世纪的男人穿的一种有衬垫的紧身夹克。这种服装起源于西班牙,但很快就风靡整个西欧。 紧身上衣是一种前开口用钮扣扣紧的紧身夹克。它长到腰部或臀部,穿在衬衫或抽屉里。腰间常开有V字...

  • 发布于 2020-10-26 22:56
  • 阅读 ( 194 )
西部情文化
西部情文化

0 篇文章

相关推荐