inline
- 元素为行内元素,拥有行内元素的特性,不会单独占一行,即可以与其他行内元素共享一行。
- 不能更改元素的height,width的值,大小由内容撑开。
- 可以使用padding,margin的left和right产生边距效果,但是top和bottom不可以。
block
- 元素为快级元素,独占一行,在不设置自己的宽度的情况下,块级元素默认会填满父级元素的宽度。
- 能够改变元素的height和width的值。
- 可以设置padding,margin的各个属性的值,top,left,bottom,right都能够产生边距效果。
in-block
- in-block综合了inline和block的一些特点,简单说就是不独占一行的块级元素。