块级元素和行内元素

几乎所有HTML元素的display属性值要么是block,要么是inline,最明显的一个例外是table元素,它有自己特殊的display属性值。

块级元素会相互堆叠在一起沿页面向下排列,每个元素分别占一行。而行内元素则会互相并列,只有在空间不足以并列的情况才会折到下一行显示。

根据css标准,默认情况下,多个空白会被浏览器叠加为一个,即标签之间的空白(包括制表、回车和空格)都会被浏览器忽略

块级元素盒子会扩展到与父元素同宽

行内元素盒子会“收缩包裹”其内容,并且会尽可能包紧

 

posted @ 2016-03-01 09:12  bottle_小姐  Views(132)  Comments(0)    收藏  举报