CSS: 关于display属性中inline、block、inline-block的不同

关于display：inline、display: block和display: inline-block的区别

简单地说，

设置display: inline;属性将会变成行内元素，不换行，两边可以有其他元素。

设置display: block;属性将会变成块级元素，此时可以为该元素设置宽和高了，但是独占一行。

设置display: inline-block;属性则是上面二者的结合，既不会换行，也可以为该元素设置宽高。但要注意的是，在IE中对inline-block是不是别的，可以通过以下方法解决

div{
    display:inline-block;/*触发块元素*/
}
div{
    display:inline;/*再触发行内样式*/
}