解决思路: 最明显的区别是:DIV(division)是一个块级元素,能够包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的先后是不会换行的,它没有结构的意义,纯粹是应用样式,当其余行内元素都不合适时,可使用SPAN。块元素至关于内嵌元素在先后各加一个
换行。其实,块元素和行内元素也不是一成不变的,只要给块元素定义display:inline,块元素就成了内嵌元素,一样地,给内嵌元素定义了display:block就成了块元素了。 具体步骤: 代码示例:
div1
div2
span1
span2
div3
div4
span3
span4 <span>SPAN标记有一个重要而实用的特性,即它什么事也不会作,它的惟一目的就是围绕你的HTML代码中的其它元素,这样你就能够为它们指定样式了。在此例中,<span>标识符容许你将一个段落分红不一样的部分。 还有一个标识符具备相似的功能,<div>DIV也被用来在HTML文件中创建逻辑部分。但与<div>SPAN不一样,<div>工做于文本块一级,它在它所包含的HTML元素的前面及后面都引入了行分隔。 技巧:有些朋友会说DIV是层标签,其实HTML里是没有层这个说法的,只不过是为了易于理解,Dreamweaver里才这样写的,每一个对象均可以成为“层”,只须要给对象定义position属性(值为absolute或relavite)。例如,要让图片成为“层”,能够这样写代码: