如何区分块级元素和行内元素

  块级元素 :总是以一个块的形式表现出来,并和同级的兄弟一次垂直排列,左右撑满,比如<li>,<p><hn>,总是不会排在同一行,而是和相邻的<li>垂直排列,简单来说,就是标准文档流下它会自动换行,并不会挤在一行上.就像柜台买票排队,按照正规流程,应该是自动排队,并不能挤在一条上在同一个窗口服务,那不是乱套了吗?但是特殊情况下还是有的(这个就是靠浮动来实现)

行内元素: 相邻元素之间横向排列,到最右端自动折行,比如<span>,<a>,也是运用他们的时候会自动挤到同一行上,除非空间不够了,才会去下一行.

来看下边的图,<span>元素是行内元素,可以看到第一个span元素和第二个span元素挤在了同一行上了,而<li>元素则自动换行了