什么是垂直和水平填充/边距?

时间:2016-10-27 23:32:57

标签: html css layout

有很多讨论都提到了垂直和水平边距以及填充。我理解外部边距和内部填充之间的区别,但纵向和横向并不像看起来那么明显。

让我们说有人正在讨论垂直填充。左侧和右侧填充位于视图的垂直边缘,因此可以将其视为垂直填充。但是顶部和底部填充垂直约束(填充)视图,因此也可以将其视为垂直填充。一旦你可以看到它的两种方式,区别就不那么明显了。如果没有其他背景,很难知道哪些是被引用的。

是否存在可以考虑边缘的公认标准"垂直填充/边距"和#34;水平填充/边距"?这个标准的起源是什么(CSS,HTML,android / ios布局,inDesign等)?

由于

2 个答案:

答案 0 :(得分:3)

我不相信CSS规范规范地指定了这一点。但它确实在section 8.4 Padding properties中提供了一个例子。它说:

h1 {    
    background: white;    
    padding: 1em 2em;
}
  

上面的示例指定了'1em'垂直填充('padding-top'   和'padding-bottom')和'2em'水平填充('padding-right'   和'填充左')。 'em'单位是相对于元素的字体   size:'1em'等于正在使用的字体大小。

明确指出“垂直”指的是顶部和底部,“水平”指的是左右。

答案 1 :(得分:0)

填充和边距之间存在明显差异。在Stack Exchange上有一个很好的例子可以找到here。一旦理解了差异,就可以查看每个元素支持的属性;特别是顶部,底部,右侧和左侧。

CSS作为一种语言被设计为独立于平台,与iOS,Android等的起源无关。如果您对history of CSS

感兴趣,可以查看维基百科。