block、inline和inline-block的功能

1. block
   将display设置为block可以将行内元素变为块元素，这也意味着可以将比如a、span等元素按照需要，设置width、margin等属性，当然，最直观的是元素换行了。

2. inline
   与block相反，inline可以将元素变为行内元素，比如我们需要一个横向的导航栏，只需要将无序列表的display设置为inline，就可以很轻松的达到预期效果，同时还不会影响相邻元素框的布局。

3. inline-block
   行内块元素，正如其名，inline-block他同时兼具inline与block的属性，他就像图像一样放在一个文本行中，实际上，他就像是一个替换元素。行内块元素的底端位于文本行的基线上，可以像块元素一样设置格式，但是他却没有行分隔符。