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

原创于 2017-05-11 19:30:41 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#css #内联元素 #块元素

css 专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了 CSS 中 display 属性的三种主要用法：inline、block 和 inline-block。解释了这些属性如何影响元素的布局及显示方式，并指出 inline-block 在低版本浏览器中可能存在的兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                    display:inline  

转化成内联元素，不换行
display:block  

转换成块元素，换行
display:inline-block  

内联块元素，既不换行又可以使用块元素所拥有的属性，类似于块元素加了浮动效果，但低版本浏览器对这个不支持。