display:inline; 元素会被显示为内联元素,元素前后没有换行符.
display:block 元素将显示为块级元素,此元素前后会带有换行符.
<span style="display:block">11111111</span><span>2222222222222</span>
按照常理来说 上面二个span应该是一行显示,因为span本来就是内联元素.(相当于天生就有display:inline属性一样);可是给其中一个span加了display:block后。加过display:block的span他就会独占一行。
2.display:inline
<div style="display:inline">11111111</div><div style="display:inline">22222222</div>
常理,上面代码在浏览器中应该是二行,但是加了display:inline后,就会显示在一行
display:block 元素将显示为块级元素,此元素前后会带有换行符.
举例:
<span style="display:block">11111111</span><span>2222222222222</span>
按照常理来说 上面二个span应该是一行显示,因为span本来就是内联元素.(相当于天生就有display:inline属性一样);可是给其中一个span加了display:block后。加过display:block的span他就会独占一行。
2.display:inline
<div style="display:inline">11111111</div><div style="display:inline">22222222</div>
常理,上面代码在浏览器中应该是二行,但是加了display:inline后,就会显示在一行