块级元素:显示在一块内,会自动换行,元素会从上到下垂直排列,各自占一行。如p,ul,form,div等标签元素。浏览器
行内元素:元素在一行内水平排列,高度由元素的内容决定,height属性不起做用。如span,input等元素。spa
display属性值:orm
值 | 描述 |
none | 此元素不会被显示。ci |
block | 此元素将显示为块级元素,此元素先后会带有换行符。文档 |
inline | 此元素会被显示为内联元素,元素先后没有换行符。input |
inline-block | 行内块元素。(CSS2.1 新增的值)table |
设为none效果很明显,就是让元素脱离文档流,不显示,不占文档空间,而设为’’其实就是设置为元素默认属性block或inlineform
inline-block属性是CSS2.1新加值,IE8以上及其余主流浏览器都已经支持,它可使元素像行内元素那样水平一次排列,可是框的内容符合块级元素行为,可以显示设置宽,高,内外边距。margin
能够将display属性设置为block,使行内元素表现的想块级元素同样,反之亦然。tab