javascript中div和span的区别?
-
<div> 是用于组合其他 HTML 元素的容器,即下级可以嵌套其他HTML元素。基于此特征, <div> 属于块级元素,浏览器会在其前后显示换行。
-
<span>是文本的容器,即一般只包围在文本的两边。基于此特征,<span> 属于内联元素,即在显示时通常不会以新行开始。
下面举例说明:
1、假设有如下的HTML元素,并且为div和span设置了边框,便于观察效果
1
2
|
< span >我是span元素的内容1</ span > < span >我是span元素的内容2</ span > < div >我是div元素的内容1</ div > < div >我是div元素的内容2</ div > |
2、结果如下,显示了<div> 属于块级元素及<span> 属于内联元素的特点。