display:block | inline | inline-block的区别

display:block;

1.默认宽度为父元素宽度。

2.可设置宽高。

3.换行显示。

 

display：inline；

1.默认宽度为内容宽度。

2.不可设置宽高。

3.同行显示。

 

display：inline-block；

1.默认宽度为内容宽度。

2.可设置宽高。

3.同行显示。

4.整块换行。

例：input,buttom,select等表单元素。