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

看两者的区别，看两个例子应该明白什么区别：
1、display:block

HTML代码

<style> a{background:blue;display:block;color:#fff} </style> <a href="http://www.w3c-cn.com/">www.w3c-cn.com</a> <a href="http://www.w3c-cn.com/">www.w3c-cn.com</a> <a href="http://www.w3c-cn.com/">www.w3c-cn.com</a> <a href="http://www.w3c-cn.com/">www.w3c-cn.com</a>

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

2、display:inline-block

HTML代码

<style> a{background:blue;display:inline-block;color:#fff} </style> <a href="http://www.w3c-cn.com/">www.w3c-cn.com</a> <a href="http://www.w3c-cn.com/">www.w3c-cn.com</a> <a href="http://www.w3c-cn.com/">www.w3c-cn.com</a> <a href="http://www.w3c-cn.com/">www.w3c-cn.com</a>

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]