margin、padding、tint、hint不想再混乱了

margin 英['mɑ:dʒɪn] 美[ˈmɑrdʒɪn] 

意思是：栏外，页边空白，边缘。一般是指容器中元素和元素/容器边缘之间的空白。所以通常叫它：外边距。

padding 英[ˈpædɪŋ] 美[ˈpædɪŋ]

意思是：衬垫，填料。一般是指元素中元素内容和元素边缘之间的空白。所以通常叫它：填充，内边距。

border 英['bɔ:də(r)] 美[ˈbɔrdɚ]

意思是：包边，边界。一般是指元素的边框。所以通常叫它：边框。

align 英[əˈlaɪn] 美[əˈlaɪn]

意思是：排整齐，使成一线。一般是指元素之间的对齐方式。所以通常叫它：对齐。

百科上有人总结说：padding就是内容与边框的空隙，而margin 则是模块与模块的空隙。

下面一张图可以更直观的理解：

刚接触这些UI控制名词时，很容易乱，所以要仔细理解一下。

hint 英[hɪnt]  美[hɪnt]

意思是：暗示，提示。指输入框等的提示文字

tint 英[tɪnt]  美[tɪnt]

意思是：色彩，着色。指控件的着色