css 块状元素与行内元素(内联元素)的理解

块状元素：

　　它一般是其他元素的容器元素，可以容纳块状元素和行内元素，它默认是不会和其他元素同一行的，即相当于两个块状元素写一起是垂直布局的。最常用的是div和p

行内元素：

　　行内元素又称内联元素，它只能够容纳文本及其他行内元素，常见的行内元素有 超链接，a, span ,img

 

行内元素与块状元素的差异是：行内元素并不会从新的一行开始，水平方向会一个个接着。

每个块状元素会从新的一行开始。

强调一下：　display:block; float:left/right;　 当css对行内元素定义这两属性中的一种之后，这些行内元素会具有块状元素属性！例如会从新的一行开始，就像后面跟了一个换行符一样,而且还具有了height和width属性。

 

如果要让块状元素变成内部元素只要用css加上display:inline就可以了

 

display:inline-block：

　　将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。