块级元素和行内元素

块级元素：显示在一块内，会自动换行，元素会从上到下垂直排列，各自占一行。如p,ul,form,div等标签元素。

行内元素：元素在一行内水平排列，高度由元素的内容决定，height属性不起作用。如span,input等元素。

display属性值：

值	描述
none	此元素不会被显示。
block	此元素将显示为块级元素，此元素前后会带有换行符。
inline	此元素会被显示为内联元素，元素前后没有换行符。
inline-block	行内块元素。（CSS2.1 新增的值）

设为none效果很明显，就是让元素脱离文档流，不显示，不占文档空间，而设为’’其实就是设置为元素默认属性block或inline

inline-block属性是CSS2.1新加值，IE8以上及其他主流浏览器都已经支持，它可以使元素像行内元素那样水平一次排列，但是框的内容符合块级元素行为，能够显示设置宽，高，内外边距。

可以将display属性设置为block，使行内元素表现的想块级元素一样，反之亦然。

转载于:https://my.oschina.net/u/1420791/blog/199576