div和span的区别

div是块元素,即自动换行 
常见的块元素还有h1,table,p 
span是内联元素,即不会换行 
常见的内联元素还有img,a,b,strong

 

<div>
 第一个div
</div>

<div>
 第二个div
</div>

<span>
 第一个span
</span>

<span>
 第二个span
</span>

 

 

第一个div
第二个div

第一个span 第二个span

 

 

div是块级元素,其默认宽度是100%,所以文本有对齐的空间前提
span看不出右对齐效果
因为span是内联元素其默认宽度就是其文本内容的宽度

 

posted @ 2017-05-14 17:24  Rainyn  阅读(220)  评论(0编辑  收藏  举报