【专题】display: inline | block | inline-block;

1.inline/block/inline-block区别？
①display: inline;代表的是行内元素的默认样式。如：span/a/i/input/b/img/strong/em/label等。

②display: block;代表的是块级元素的默认样式。如：div/h1-h6/table/ul/li/form/p等。

③display: inline-block代表的是具有高度和宽度的行内元素。
【专题】display: inline | block | inline-block;

2.从width/height/padding/margin四个方面进行比较。

2.1—width

【专题】display: inline | block | inline-block;

2.2—height

【专题】display: inline | block | inline-block;

2.3—padding

【专题】display: inline | block | inline-block;

2.4—margin

【专题】display: inline | block | inline-block;