块级元素和行内元素

块级元素:显示在一块内,会自动换行,元素会从上到下垂直排列,各自占一行。如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

相关文章