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

来源:互联网 发布:买家怎么撤销淘宝介入 编辑:程序博客网 时间:2024/05/20 19:29

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

简单地说,

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

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

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

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


0 0