display属性的block,inline和inline-block

简介:
 

none  此元素不会被显示。 

block 此元素将显示为块级元素,此元素前后会带有换行符。 

inline 默认。此元素会被显示为内联元素,元素前后没有换行符。 

inline-block 行内块元素。(CSS2.1 新增的值) 

 

在css中,inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。

 

旁边的内联对象会被呈递在同一行内,允许空格。但是这个属性目前不是所有的浏览器都支持,只有Opera和Safari支持,FireFox3和IE8据说将会支持,Firefox2和IE使用特殊办法可以实现这种效果

目录
相关文章
|
1月前
行内元素有哪些?块级元素有哪些?空(void)元素有哪些?inline与inline-block的区别
行内元素有哪些?块级元素有哪些?空(void)元素有哪些?inline与inline-block的区别
33 0
|
6月前
display:block小技巧
display:block小技巧
26 0
block、inline、inline-block的区别
block、inline、inline-block的区别
|
11月前
|
前端开发 容器
【前端】一文读懂display: inline-block
【前端】一文读懂display: inline-block
317 2
|
前端开发 容器
CSS: inline、block和inline-block的区别
CSS: inline、block和inline-block的区别
display:none到display:block失效问题及解决办法
display:none到display:block失效问题及解决办法
294 9
|
前端开发
【前端】display:inline-block中间的间隙
【前端】display:inline-block中间的间隙
87 0
【前端】display:inline-block中间的间隙
|
网络协议
|
网络协议